title: Jquery Clone() and replace text
body: <p>I have an big table I need to create multiple times in the same page, but I'm not sure have to do. I thought the easiest way is to have the table as an partial view hidden on the page, and each time I need it I will clone it from my jQuery code. I know have to clone it, but I'm not sure have to insert the text into the specific span's, before I insert it.</p>
  
  <p>This is a small example of my table. Can somebody help me with this problem</p>
  
  <pre><code> &lt; div id="ToClone"&gt;
              &lt;table &gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;table&gt;
                              &lt;tr&gt;&lt;td&gt;&lt;b&gt;MMS_RepairLabel:&lt;/b&gt;&lt;/td&gt;&lt;td align="right"&gt;&lt;span id="RepairId"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
                              &lt;tr&gt;&lt;td&gt;&lt;b&gt;MMS_MWTLabel:&lt;/b&gt;&lt;/td&gt;&lt;td align="right"&gt;&lt;span id="MWT"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
                              &lt;tr&gt;&lt;td&gt;&lt;b&gt;MMS_MDTLabel:&lt;/b&gt;&lt;/td&gt;&lt;td align="right"&gt;&lt;span id="MDT"&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
                          &lt;/table&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
          &lt;script&gt;
              var History = (function () {
                  $(function () {
                      var tblClone = $("#ToClone").clone();
                  });
              }());
          &lt;/script&gt;
  </code></pre>