title: input value data is not passing using jquery/ajax to Php
body: <p>I'm trying to get result from Mysql database but I'm getting warning message it's because it's not passing the <strong>html field value</strong> to jquery/ajax method. I think issue is on this line <code>data : SearchValue,</code>. So that In my php page it's not getting <code>$search = $_POST['SearchValue'];</code> value and showing warning message. </p>
  
  <p>Can anyone tell what is wrong in my code ? Thank You. </p>
  
  <p><strong>Html Page:</strong></p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $("#display").click(function() {                
       var SearchValue = $('#txt_name').val();
  
        $.ajax({    //create an ajax request to load_page.php
              type: "POST",
              url: "doSearch.php",             
              data : SearchValue,             
              dataType: "html",   //expect html to be returned                
              success: function(response){                    
                  $("#responsecontainer").html(response); 
                  //alert(response);
              }
  
          });
      });
  });
  &lt;/script&gt;
  
  &lt;h3 align="center"&gt;Manage Student Details&lt;/h3&gt;
      &lt;table border="1" align="center"&gt;
         &lt;tr&gt;
             &lt;td&gt; &lt;input type="text" name="search" id="txt_name" /&gt; &lt;/td&gt;
             &lt;td&gt; &lt;input type="button" id="display" value="Display All Data" /&gt; &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/table&gt;
  &lt;div id="responsecontainer" align="center"&gt;
  </code></pre>
  
  <p><strong>Php page:</strong></p>
  
  <pre><code>$search = $_POST['SearchValue'];
  </code></pre>