title: jquery on click event, a href within li tag
body: <p>I have a UL which I populate in the following way:</p>
  
  <pre><code>$("#dropdownFloorplanGroups").append("&lt;li&gt;&lt;a href='#'&gt;" + value.Name + "&lt;/a&gt;&lt;/li&gt;");
  </code></pre>
  
  <p>This displays correctly on my browser</p>
  
  <p>However I can't seem to fire off the click event, which then alerts the name that I have set in the <code>&lt;li&gt;&lt;/li&gt;</code></p>
  
  <p>I tried this, but nothing gets fired.</p>
  
  <pre><code>$('li a').click(function (e) {
                  alert($(this).find("a").text());                
              });
  </code></pre>
  
  <p>What should the jquery click event be?</p>