issues with live function
<p>I am using the .live function to fire of a function aaa(). Unable to fire the function because code does not reach alert msg
The structure of my html
is</p>

<p><strong>HTML :</strong></p>

<pre><code>&lt;body id="plants"&gt;
  &lt;form id= flower method="post"&gt;
    &lt;div class= "rose"&gt;
      &lt;div class= "red"&gt;
        &lt;ul id = "colors"&gt;
          &lt;li&gt;
            &lt;a&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a&gt;&lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
&lt;/body&gt;
</code></pre>

<p>Cuurently I am using </p>

<p>*<em>JS : *</em></p>

<pre><code>$( 'body#plants form#flower div.rose div.red ul#colors li a' ).live('click', function(){
  alert('code reaches');
  aaa();
});
</code></pre>

<p>How can I get this to work?</p>
