title: Jquery - background-image click
body: <p>I have a div in the center of the page. I have the background-image in the body. 
  I need to do using jquery click only on the background-image. 
  If you click the div with id divPage, nothing happens.</p>
  
  <p>Thanks for the advice or possibly another solution.</p>
  
  <p><b>HTML:</b></p>
  
  <pre><code>&lt;body&gt;
      &lt;form id="formBackground" method="post"&gt;
  
          &lt;div id="divPage"&gt;
      Text.
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><b>CSS</b></p>
  
  <pre><code>body{
  padding: 0px;
  margin: 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
  background-image: url('../images/backgrounds/bg.jpg');
  background-repeat:no-repeat;
  background-position:top;}
  
  div#divPage{
  width: 800px;
  height: 300px;
  margin: auto;}
  </code></pre>
  
  <p>I tried this, but it does not work correctly:</p>
  
  <pre><code>$('body').click(function() {
              alert("Click");
          })
  </code></pre>
  
  <p>It was click on the div with id id divPage.</p>