title: Need I to create a new "instance"?
body: <p><a href="http://jsfiddle.net/cLKm8/1/" rel="nofollow noreferrer">This</a> is my code :</p>
  <h1>HTML</h1>
  <pre><code>&lt;div style=&quot;display:none;&quot;&gt;
      &lt;div id=&quot;example&quot;&gt;
          &lt;div class=&quot;child&quot;&gt;Hello&lt;/div&gt;
      &lt;/div&gt;    
  &lt;/div&gt;        
  
  &lt;div id=&quot;result&quot;&gt;&lt;/div&gt;
  </code></pre>
  <h1>jQuery</h1>
  <pre><code>htmlSedi=&quot;&quot;;
  sedi(1);
  sedi(2)
      
  $(&quot;#result&quot;).append(htmlSedi);    
  
  function sedi(param) {
      var htmlSede = $('#example');
      
      if(param==1)
          htmlSede.find('.child').hide();
      
      htmlSedi=htmlSedi+htmlSede.html();
  }
  </code></pre>
  <p>the result I aspect is to get at least one &quot;Hello&quot; printed into the div <code>result</code>, but in fact it doesnt; I think the problem is on :</p>
  <pre><code>var htmlSede = $('#example');
  </code></pre>
  <p>which point to the same object. So, how can I create a new &quot;instance&quot; of <code>#example</code>?</p>