typeahead.js avec href

Bonjour,

j'utilise la librairie typeahead.js pour auto complété les recherches sur mon site.
Je voudrais ajouter un href "post.php?id=x" avec l'id associé au titre(au post).

html :

<input type="text" id="name" class="search" autocomplete="off" data-provide="typeahead" placeholder="search">

javascript :

$(document).ready(function(){

 $('#name').typeahead({
  source: function(query, result)
  {
   $.ajax({
    url:"search.php",
    dataType:"json",
    success:function(data)
    {
     result($.map(data, function(item){
      return item;
     }));
    }
   })
  }
 });

});

php - sql :

$array = array();
$query = $bdd->prepare("SELECT title, post_id FROM post");
$query->execute();

while($row = $query->fetch())
{
    $array[] = $row['title'];
}
echo json_encode($array);

J'ai essayé un peu tout ce que j'ai pu trouver sur internet ,rien y fait..
Si quelqu'un a déjâ eu a faire a sa .. merci