title: jquery set background gradient with image doesn't work with css()
body: <p>This is working</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
    width: 100px;
    height: 100px;
    background-image:
   -webkit-linear-gradient(top, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 0.65) 100%), 
    url('http://i.imgur.com/Hsban3N.jpg');
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="deco"&gt;123&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but why when I try to set it using css() of jquery it doesn't seem working? No error in the console at all :</p>
  
  <p><a href="http://jsfiddle.net/xcso27zk/" rel="nofollow">http://jsfiddle.net/xcso27zk/</a></p>