jQuery : button click event must fire on click, but happens on pageload. how to fix?
<p>I have a fiddle here - <a href="http://jsfiddle.net/hhimanshu/SDr3F/2/" rel="nofollow">http://jsfiddle.net/hhimanshu/SDr3F/2/</a>  </p>

<ul>
<li>The left pane is already available</li>
<li>I need that when I click on "search", the input box should show up with focus(an alert for time being)  </li>
</ul>

<p><strong>Problem</strong>  </p>

<ul>
<li>When I load the page with left pane setting jQuery fires the event and clicking on "search has no effect"  </li>
</ul>

<p>Please help me understanding what am I doing wrong here</p>

<p><strong>UPDATE</strong>  </p>

<ul>
<li>I can see alert, but it fails to focus, here is my latest jQuery  </li>
</ul>

<blockquote>
<pre><code>// loading search page
$(function(){
  $("#search").click(function(){
      $('#feature').load('templates/search.html');
      $('#search-input').focus();
      // alert("hi");
  });
});  
</code></pre>
</blockquote>

<p>and <code>search.html</code> is  </p>

<pre><code>&lt;input id="search-input" type="text" class="input-medium search-query span4 youtube-search-box"&gt;
</code></pre>

<p>How can I focus on it?</p>
