title: How to manipulate ajax loaded content?
body: <p>I'm loading external page via jquery.ajax:</p>
  
  <pre><code>$("#mydiv").load("filter.html");
  </code></pre>
  
  <p>content of example.html:</p>
  
  <pre><code>&lt;div id="filterdiv"&gt;&lt;input id="filter" name="filter" size="40"/&gt;&lt;/div&gt;
  </code></pre>
  
  <p>then I want to manipulate input#filter, so I wrote in javascript:</p>
  
  <pre><code>$('#filterdiv input').focus(function(){
      alert(Hello);
  }
  </code></pre>
  
  <p>and nothing happens. If I paste a code of filter.html directly to a page, it works, but when I call it via ajax, </p>
  
  <pre><code>$('#filterdiv input').focus(function(){
      alert(Hello);
  }
  </code></pre>
  
  <p>doesn't see ajax loaded content. Why do I do wrong? How can I manipulate ajax loaded html?</p>