title: div .click function not working
body: <p>I am trying to call a DIV .click function, but it doesn't work. The div that I'm talking about is created with PHP.</p>
  
  <p>This is the result from the PHP:</p>
  
  <pre><code>&lt;div style="position:relative;width:700px;" id="colorcontainer"&gt;
  &lt;div class='color' style='background: url(kleuren/c121.jpg); background-size: 100 72; background-repeat:no-repeat;'&gt;&lt;span class='txt'&gt;CBM 121&lt;br /&gt;Blank Gelakt Eiken&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I try to call the div .click function:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $('#colorcontainer &gt; div').click(function() {
          var name = this.css('background-image');
          alert(name);
      });
  });
  </code></pre>
  
  <p></p>
  
  <p>Now it does not show the alert at all. What am I doing wrong here? I've tried it without the document.ready, with .color and all sorts of stuff, but it just doesn't call the function.</p>