form submit doesn't work?

form submit doesn't work?

I was working however somehow it doesnt work know do you have any idea?
 
  1. <form id ="my_form" action="gs.php" method="post">
    <input id="search_bar" name="q" type="text" autocomplete="off" />
    <input id="button" name="submit" type="submit" value="Search Events" />
    </form>
     <div id="results"></div>
        <div id="map_canvas"></div>
        <div id="event_list"></div>





 
  1. $(document).ready(function(){
     
      $('#search_bar').keyup(function(){
      
       if($('#search_bar').val() != ""){
        $('#results').fadeIn();
       }else{
        $('#results').slideUp('slow');
      return;
       }
       $.ajax({
          type : "POST",
          url : 'ajax.php?keyword='+$('#search_bar').val(),
          dataType : "html",
          success: function(data) {
         if(data == ''){
        $("#results").css("border", "none");   
       }else{
        $("#results").css("border", "1px solid #444444");
       }
             $("#results").html(data);
          },
          error : function() {
            alert("Sorry, The requested property could not be found.");
          }
        }); 
       
      }); 
     
      $('#search_bar').focus(function(){ 
       $('#search_bar').addClass('shadow');
      }).blur(function(e){  
     if(document.activeElement.className != 'location_result'){
      $('#search_bar').removeClass('shadow');
      $('#results').slideUp();
     }else{
      $('#search_bar').focus();
     }
      });
     
      $('#results').css('top', $('#search_bar').position().top + 30);







































  2.   $('.d_container').live("click", function(e){
     $(this).find('.d_desc').slideToggle();
      });
     
      $('.result').live("mousedown", function(){
     $('#search_bar').val($(this).text());
     $('#my_form').submit();
      });
      







  3. });