title: ajax GET request does not show params in the URL
body: <p>I'm trying to do GET request on a form using jQuery AJAX function, but the problem is that I dont see the parameters in the URL:</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;form id="search_form" method="GET" action=""&gt;
      &lt;input id="seach_input" type="text" name="q"&gt;
      &lt;button id="search_btn" class="btn btn-warning" type="submit"&gt;Search&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here the Javascript code:</p>
  
  <pre><code>$("#search_form").on('submit', function(e) {
  
      $.ajax({
          url: "index.html",
          type: "GET",
          data: {name: "hello"},
          success: function() {
              console.log("success);
          }
      });
  
      e.preventDefault();
  });
  </code></pre>
  
  <p>After I do submit, I want the URL to look like this:</p>
  
  <pre><code>http://localhost/search.html?q=value
  </code></pre>
  
  <p>I know e.preventDefault(); is the reason why the parameters does not appear in the URL, but I need to do it this was without refreshing the page, and at the same time, I want to see the params when I do GET request.</p>
  
  <p>Please help!</p>
  
  <p>Thanks.</p>