title: How can I hide element loaded via ajax
body: <p>I would like to hide some part of content loaded via ajax, when the content is inserted into html page. those live, bind, and delegate are only for events, what can I use here?? thanks for help.</p>
  
  <p><strong>update:</strong> initially, the same part was already hidden when the page loaded.</p>
  
  <p>initially, I have something like this:</p>
  
  <pre><code>&lt;a id="link" href=""&gt;a link&lt;/a&gt;
     &lt;ul class="list"&gt;
           &lt;li&gt;...&lt;/li&gt;
           &lt;li&gt;...&lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>and jquery:</p>
  
  <pre><code>$('.list').hide();
  $('#link').moserover(function(){
        $('.list').show();
  })
  </code></pre>
  
  <p>Now, this part will be replaced with other content received from ajax,which is the same,</p>
  
  <pre><code> &lt;a id="link" href=""&gt;another link&lt;/a&gt;
     &lt;ul class="list"&gt;
           &lt;li&gt;****&lt;/li&gt;
           &lt;li&gt;****&lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>but when this content is inserted to the page,,, the list is not hidden, my question is how can I hide this list whenever it comes from ajax. hope this is clear.</p>