title: CSS background image onclick
body: <pre><code>#header{  
      height: 80px;
      padding-left: 208px;
      background-image: url("Trans.png"); 
      background-repeat: no-repeat;
  } 
  &lt;div id="header"&gt;
  &lt;!--display something float to the right--&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I bind the background image onclick event?</p>
  
  <pre><code>$("#header").delegate(":image", "click", function() {
  //this does not work
  });
  </code></pre>
  
  <p>neither this work :(</p>
  
  <pre><code>$("#header:image").click(function() {}
  </code></pre>
  
  <p>TIA</p>