title: Why doesn't my view get rendered when my action is entered from a Ajax call?
body: <p>I have a Ajax call that hit my controllers action 'SearchFromWithin' and I want to know why the view doesn't get displayed. I can enter the view and step through it, but the screen just stays as the same. It doesn't display the new view.</p>
  
  <p>Here is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var optionsFromWithin = {
       url: '/Home/SearchFromWithin',
       type: "get",
       data: { searchQuery: navbarInput.value, classDate: today, latitude: latitude, longitude: longitude, mapType: mapType }
  };
              
  $.ajax(optionsFromWithin).done(function (data) {
       // don't do anything here  
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is the action in the controller. When I get to the return statement I can step into the "Search" view and step through it with no noticeable errors, but the page never changes from the one I was on when I made the Ajax call.</p>
  
  <pre><code>    [HttpGet]
      public ActionResult SearchFromWithin(string searchQuery, DateTime classDate, string latitude, string longitude,
          string mapType, int page = 1)
      {
              // do a bunch of stuff here
              return View("Search", viewModel);
      }
  </code></pre>