title: $(document).ready() firing before partial view is loaded
body: <p>I have a page that has a partial view withing it.</p>
  
  <p><strong>MyMainView.cshtml</strong></p>
  
  <pre><code>&lt;div&gt;
      @Html.Partial("MyPartial")    
  &lt;/div&gt;
  @section pagespecific {
      &lt;script type='text/javascript'&gt;
          $(document).ready(function(){
              console.log('Value is: ' + $('#MyModelField').val());
          });
      &lt;/script&gt;
  }
  </code></pre>
  
  <p><strong>MyPartial.cshtml</strong></p>
  
  <pre><code>&lt;div&gt;
      @Html.HiddenFor(x =&gt; x.MyModelField)
  &lt;/div&gt;
  </code></pre>
  
  <p>The value of <code>MyModelField</code> in the model is <code>True</code>, however, I get the following output into the browser console:</p>
  
  <pre><code>Value is: undefined
  </code></pre>
  
  <p>Why isn't this picking up the field? Shouldn't the partial view have been added to the DOM before this fires?</p>
  
  <p>If I change the <code>$(document).ready()</code> to <code>$(window).load()</code> it works as expected.</p>
  
  <p>How can I achieve the desired behavior?</p>