title: firing a click event for a child control
body: <p>My markup is the following :</p>
  
  <pre><code>&lt;li&gt;&lt;span&gt;..&lt;/span&gt;
     &lt;input type="button" id="clickme" Value="click ME" /&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>My question is how can I fire the click event of the input child of li ( the button ) automaticaly using jquery</p>
  
  <p>I don't want to access the button by its id I want to access it via .children() method.  I tried to do this but it didn't work :</p>
  
  <pre><code>&lt;li id="liID"&gt;&lt;span&gt;...&lt;/span&gt;&lt;input type="button" id="clickme" value="click ME" /&gt;
  
  $("#liID").children("input").trigger('click');
  </code></pre>
  
  <p>but that didn't work :/</p>