title: how do i change css background image using jquery?
body: <pre><code>$(document).ready(function() {
      $('#picture').css('height', '666px');
      $('#picture').click(function () {
          $(this).css('background-image', "url('../images/picture_2.jpg')");
      });
  });
  </code></pre>
  
  <p>in the above code, the <code>height</code> is successfully changed to 666px but the background image does not change at all (remains the original one).</p>
  
  <p>When I change the <code>background-image</code> to 'none' instead of "url('../images/picture_2.jpg')" it does make the background image disappear though. </p>
  
  <p>What am I doing wrong?</p>