title: Pass model from 1 partial view to another partial view in the same view
body: <p>I have 2 partial views being loaded in my main view.
  The main view auto refreshes partial view 1 while partial view 2 should only be updated when a user clicks on an Ajax.ActionLink from partial view 1 which should pass the model into partial view 2 and then partial view 2 should be updated.</p>
  
  <pre><code>&lt;div id="lcars"&gt;@Html.Partial("LCARS")&lt;/div&gt;
  &lt;div id="monitorDetail"&gt;@Html.Partial("MonitorDetail")&lt;/div&gt;
  </code></pre>
  
  <p><strong><em>Update</em></strong> Not updating monitorDetail div</p>
  
  <p>Main View</p>
  
  <pre><code>&lt;div id="lcars"&gt;@Html.Partial("LCARS")&lt;/div&gt;
  &lt;br/&gt;
  &lt;div id="monitorDetail"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Inside LCARS Partial</p>
  
  <pre><code>&lt;script&gt;
  $('#TestButton').on("click", function (event)
  {
      event.preventDefault();
      alert("clicked ajax");
      $.ajax({
          url: '@Url.Action("MonitorDetail", "NOCCommand", PAL.Intranet.MonitorType.AHSSQLCluster)',
          contentType: 'application/json; charset=utf-8',
          type: 'POST',
          async: false,
          dataType: 'html',
          data: JSON.stringify(userModel)
      })
      .success(function (userResult) {
          $('#monitorDetail').html(userResult);
      })
      .error(function (xhr, status) {
      });
  })
  &lt;/script&gt;
  
  &lt;div class="lcars-column u-1-3"&gt;
     &lt;div id="TestButton" class="lcars-button radius"&gt;SQL Cluster Online &lt;span class="lcars-button-addition @(mod.SQLClusterOnline ? "online" : "offline")"&gt; @(mod.SQLClusterOnline ? "Online" : "Offline")&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><em>UPDATE 2</em></strong></p>
  
  <p>Here is the code currently. Removing the data throws an error that the value can't be null which is correct.</p>
  
  <pre><code>    $.ajax({
          type: 'POST',
          url: '@Url.Action("MonitorDetail", "NOCCommand")',
          contentType: 'application/json; charset=utf-8',
          dataType: 'html',
          data: {
              mType: PAL.Intranet.MonitorType.AHSSQLCluster
          },
          success: function (data) {
              alert("clicked 2"); //doesn't work
              $('#monitorDetail').html(data);
          },
          error: function (xhr, status) {
              alert("Error: " + xhr.responseText);
          }
      })
  </code></pre>
  
  <p><strong><em>Update 3</em></strong></p>
  
  <p>I can now hit the controller but now the div does't show the partial view</p>
  
  <p>Controller</p>
  
  <pre><code>    public PartialViewResult AHSSQLClusterDetail()
      {
          PAL.Intranet.Models.MonitorDetailModel mDetail = new Models.MonitorDetailModel();
          mDetail.Item = "test";
          mDetail.Val = "test 2";
  
          List&lt;PAL.Intranet.Models.MonitorDetailModel&gt; d = new List&lt;Models.MonitorDetailModel&gt;();
          d.Add(mDetail);
  
          return PartialView("MonitorDetail", d);
      }
  </code></pre>
  
  <p>In LCARS Partial View</p>
  
  <pre><code>&lt;script&gt;
      $('#TestButton').on("click", function () {
          $.ajax({
              type: 'GET',
              url: '@Url.Action("AHSSQLClusterDetail", "NOCCommand")',
              dataType: 'html',
              async: false,
              cache: false,
              success: function (data) {
                  $("#monitorDetail").html(data);
                  alert("div loaded");
              },
              error: function (xhr, status) {
                  alert("Error: " + xhr.responseText);
              }
          })
      })
  &lt;/script&gt;
  
  &lt;div id="TestButton" class="lcars-button radius"&gt;SQL Cluster Online &lt;span class="lcars-button-addition @(mod.SQLClusterOnline ? "online" : "offline")"&gt; @(mod.SQLClusterOnline ? "Online" : "Offline")&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Main View</p>
  
  <pre><code>&lt;div id="lcars"&gt;@Html.Partial("LCARS")&lt;/div&gt;
  &lt;br/&gt;
  &lt;div id="monitorDetail"&gt;&lt;/div&gt;
  </code></pre>