ajax not working

ajax not working

Dear Sir

Refer  http://webvikas.net.in/goregaonbiz/bigsale.php

after typing name say "an" I get auto suggested names

When  I select "Anjali ..."
text box near Shop Search is populated with the id of the selected name


Shop Search 











Value of selected name is filled up in field near

Shop Search


Following code is used for this 
  1. <script type="text/javascript">
  2.  
  3. $(function() {
  4.  
  5. $("#searchname").autocomplete({
  6.  source: "shopnamesearchautofill.php",

  8. minLength: 2,
  9. select: function(event, ui) {
  10. $('#searchid').val(ui.item.recid);        <--- value of selected id is filled up
  11. },
  12.  
  13. //html: true,
  14.  
  15. open: function(event, ui) {
  16. $(".ui-autocomplete").css("z-index", 1000);
  17. }
  18. });

  20.  
  21.  
  22. });
  23. </script>  
My problem is After this when I click  
following script is NOT executed please help

  1. $('#showdetails').click(function() {
  3.   var id = $('#searchid').val();
  4.   alert(id);
  5.    var url='shopdetail.php?id='+id;
  6.    alert(url);
  7.    window.location.replace(url);
  8.  });
  10.