title: Url.Action: How to Pass Parameter from View to Controller?
body: <p>I'm having issues with passing a parameter from my View to Controller using Url.Action.</p>
  
  <p>My code is the following in the View:</p>
  
  <pre><code>&lt;form id="searchForm"&gt;
      &lt;input type="text" name="search_criteria" /&gt;
      &lt;input type="submit" value="Search" /&gt;
  &lt;/form&gt;
  
  &lt;div id="SearchDiv"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>In my Script:</p>
  
  <pre><code>$('#searchForm').submit(function (e) {
      e.preventDefault();
  
      $.ajax({
          url: '@Url.Action("Index_AddSearchCriteria", "Home", "search_criteria")',
          type: 'POST',
          dataType: 'html',
          success: function (result) {
              $('#SearchDiv').html(result);
          }
      })
  })
  </code></pre>
  
  <p>In the Controller:</p>
  
  <pre><code>public PartialViewResult Index_AddSearchCriteria(string search_criteria)
          {
              ViewModel.SearchCriteria = search_criteria;
  
              return PartialView("SearchBar", ViewModel);
          }
  </code></pre>
  
  <p>How would I send a parameter through Url.Action so that it may be accepted as a parameter in the Controller?</p>