title: Manipulate parts of html with jquery
body: <p>In my html I have a (hidden) template, something like</p>
  
  <pre><code>&lt;div class="tabletemplate dontshow" &gt;
     &lt;p class="movieFile"&gt;&lt;/p&gt;
     &lt;p class="movieDirector"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I obtain the template by</p>
  
  <pre><code>var tableTemplate = $(".tabletemplate").clone().removeClass("dontshow");
  </code></pre>
  
  <p>I then want to insert text strings into the template. I tried a few things like</p>
  
  <pre><code>tableTemplate.find(".movieFile").text(movieInfo.FileName);
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$(".movieFile", tableTemplate).text(movieInfo.FileName);
  </code></pre>
  
  <p>but none seem to work.</p>
  
  <p>How can I do that easily, ideally without having to learn an entire new js library.</p>