title: onchange function is not working ajax
body: <p>i am new in ajax please help me.
  First i am using a ajax pagination for display data and after that adding a filter in that data.my ajax pagination is working fine but filter not working properly.</p>
  
  <pre><code>&lt;select name="profession" id="profession" class="form-control" style="width: 222px;"       onchange="search_author(this.value,'p_author'),loadData('',this.value)"&gt;
  
  $(document).ready(function(){
              function loading_show(){
                  $('#loading').html("&lt;img src='img/loading.gif'/&gt;").fadeIn('fast');
              }
              function loading_hide(){
                  $('#loading').fadeOut('fast');
              }                
              function loadData(page,profess){
  
                  loading_show();                    
                  $.ajax
                  ({
                      type: "POST",
                      url: "load_data.php",
                      data: {page:page ,
                             prof:profess
                             },
                         async: true,
                      success: function(msg)
                      {
                          $("#container").ajaxComplete(function(event, request, settings)
                          {
                              loading_hide();
                              $("#container").html(msg);
                          });
                      }
                  });
                 alert(page)  ; // working
                 alert(profess)  ; //not working
              }
              loadData(1);  // For first time page load default results
              $('#container .pagination li.active').live('click',function(){
                  var page = $(this).attr('p');
                  loadData(page);
  
              });           
              $('#go_btn').live('click',function(){
                  var page = parseInt($('.goto').val());
                  var no_of_pages = parseInt($('.total').attr('a'));
                  if(page != 0 &amp;&amp; page &lt;= no_of_pages){
                      loadData(page);
                  }else{
                      alert('Enter a PAGE between 1 and '+no_of_pages);
                      $('.goto').val("").focus();
                      return false;
                  }
  
              });
          });
  </code></pre>
  
  <p>now i want to pass data from select dropdown onchange function but this not working.</p>
  
  <p>please help me.</p>