title: jquery event argument within div css
body: <p>My target goal is to enlarge a picture within a div and shrink a background-picture of a div.</p>
  
  <p>I have a first javascript that alters the IMG element within the .pixbox DIV. This works.</p>
  
  <p>I have a second javascript that alters the background-image from .pixbox DIV. </p>
  
  <p>Question: How do i select the control the element through .on() event argument
  I tried with .css('background-image') but that doesnt seem to work.</p>
  
  <p><a href="http://jsfiddle.net/q9jHu/347/" rel="nofollow">http://jsfiddle.net/q9jHu/347/</a></p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.pixbox {
      background:url()
  </code></pre>
  
  <p><strong>javascript</strong></p>
  
  <pre><code>$('.pixbox').css('background-image').on({
              mouseover: function(){
  
                  var $scale = 0.7;
                  if ($(this).data('w')) {
                      var $w = $(this).data('w');
                      var $h = $(this).data('h');
                  } else {
                      var $w = $(this).width();
                      var $h = $(this).height();
                      $(this).data('w', $w).data('h', $h);
              }
            &lt;rest of code&gt;
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="pixbox"&gt;
      &lt;img class="zoom" src=""&gt;
  &lt;/div&gt;
  </code></pre>