title: Ajax go to page of url
body: <p>I have an ajax call like so:</p>
  
  <pre><code>$("#Navbar-Search-Button").click(function (e) {
      SendToController();
      return false;
  });
  
  function SendToController() {
      var regNumber = $("#IDValue").val().trim();
      $.ajax({
          url: '/ControllerName/ActionName',
          data: { 'argument': regNumber },
          type: 'GET',
          cache: false,
          success:function(data) {
              $("body").html(data);
              $(".dropdown-toggle").dropdown();
              document.location = url.val();   // tried this doesn't work
          },
          error: function () {
              $("#Dialog").dialog('open');   
          }
      });
  }
  </code></pre>
  
  <p>Now I know ajax updates without a page refresh, but on success I would like the page to be the <code>url</code> parameter, and not the page that I called the ajax function on</p>
  
  <p>Any help is appreciated.</p>