title: Why I can't click on this div?
body: <p>When I click on the x inside of the close div, I want the background to change to white.</p>
  
  <p>This is the markup:</p>
  
  <pre><code>&lt;div class="list-item list-item-active"&gt;
      &lt;div class="close"&gt;x&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the javascript:</p>
  
  <pre><code>$(document).ready(function(){
      $('.list-item').live('click', function() {
          if (!$(this).hasClass('list-item-active'))
              $(this).addClass('list-item-active');
      });
      $('.list-item .close').live('click', function() {
          $(this).parent().removeClass('list-item-active');
      });
  });
  </code></pre>
  
  <p>This is the css:</p>
  
  <pre><code>.list-item {width:100px;height:100px;background:#fff}
  .list-item-active {background:#ccc}
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/JMeff/" rel="nofollow">http://jsfiddle.net/JMeff/</a></p>