title: Finding child elements of a cloned element in jQuery
body: <p>I don't know why I'm stuck on this but I am!  Trying to clone a <code>div</code> and then modify its contents using <code>children</code> in jQuery.  I am missing something here because it's not working as I would expect.  See fiddle: <a href="http://jsfiddle.net/v7A2T/" rel="nofollow">http://jsfiddle.net/v7A2T/</a></p>
  
  <p>Javascript (jQuery):</p>
  
  <pre><code>$test = $('#clone-container').clone().appendTo('#append');
  $test.children('h2').text('my clone');  // works
  $test.children('.remove-row').remove(); // doesn't work
  </code></pre>
  
  <p>And the HTML:</p>
  
  <pre><code>&lt;div id="clone-container" class="hidden"&gt;
      &lt;h2&gt;Location name&lt;/h2&gt;
      &lt;div class="table-responsive"&gt;
          &lt;table class="table"&gt;
              &lt;thead&gt;
                  &lt;th&gt;one&lt;/th&gt;&lt;th&gt;two&lt;/th&gt;&lt;th&gt;three&lt;/th&gt;
                  &lt;th&gt;four&lt;/th&gt;&lt;th&gt;five&lt;/th&gt;&lt;th&gt;six&lt;/th&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr class="remove-row"&gt;&lt;td colspan="6"&gt;Remove this text from clone&lt;/td&gt;&lt;/tr&gt;            
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt; &lt;!-- .table-responsive --&gt;
  &lt;/div&gt;  
  &lt;div id="append"&gt;&lt;/div&gt;
  </code></pre>