title: Render same Partial view with different binding
body: <p>On my website I have about 4 fields that need to be used up to 8 times. Currently I have all 8 fields on one view and then I use jQuery to show and hide each one if a link is clicked. </p>
  
  <p>In my view model I have this</p>
  
  <pre><code>public class Example{
      public string String1 {get; set;}
      public string String2 {get; set;}
      etc..
  }
  public class MainClass{
      public Example example1 {get;set;}
      public Example example2 {get;set;}
      public Example example3 {get;set;}
  }
  </code></pre>
  
  <p>Then I have something like this in my view</p>
  
  <pre><code>&lt;div id=example1&gt;
  @Html.TextboxFor(model =&gt; model.example1.String1)
  @Html.TextboxFor(model =&gt; model.example1.String2)
  &lt;!-- Link to load example 2 here --&gt; 
  &lt;/div&gt;
  &lt;div id=example2&gt;
  @Html.TextboxFor(model =&gt; model.example2.String1)
  @Html.TextboxFor(model =&gt; model.example2.String2)
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to find duplicate the view so I don't have 8 divs all rendered at page load? </p>
  
  <p>Thanks</p>