title: JQuery AJAX POST not returning anything
body: <p>Can't figure out what's wrong but all that happens is the URL changes to "<a href="http://localhost/?search=test" rel="nofollow">http://localhost/?search=test</a>" if I enter "test" for instance. </p>
  
  <h2>index.php</h2>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;
  &lt;/script&gt;
  
  &lt;script&gt;
  
  $("#Form").submit(function(e) {
  
      $.ajax({
             type: "POST",
             url: "search.php",
             data: $("#Form").serialize(),
             success: function(data)
             {
                 alert(data); 
             }
           });
  
      e.preventDefault();
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form id=Form&gt; 
  Search: &lt;input type="text" name="search" id="search" /&gt;&lt;br /&gt; 
  &lt;input type="submit" value="Submit" /&gt; 
  &lt;/form&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h2>search.php</h2>
  
  <pre><code>&lt;?php 
  echo 'The search is '. $_POST['search'];
  ?&gt;
  </code></pre>