title: JQUERY, getting two BINDs/Clicks to play nice together?
body: <p>I have the following line of code:</p>
  
  <pre><code>&lt;li id="1" class=" "&gt;
  &lt;a href=""&gt;Parking Lot&lt;/a&gt;
  &lt;span id="1" class="list-edit"&gt;edit&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I then have two binds:</p>
  
  <pre><code>$("#lists li").click(function(){.......
  
  $(".list-edit").click(function(){.........
  </code></pre>
  
  <p>The problem I'm having is I need the LI to contain the EDIT span because of CSS styling reasons, I have a big blue background. But this is preventing me from binding the EDIT btn. Is there a way to get these two to play nice?</p>
  
  <p>Thxs</p>