title: Setting CSS with JavaScript/jQuery forces unwanted double quotes
body: <p>I want to make a <code>background-image</code> CSS property have the value <code>url('img.jpg')</code></p>
  
  <p>What I do:</p>
  
  <pre><code>&lt;div id="mDiv" style="background-image: url('img2.jpg')" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>..</p>
  
  <pre><code>$("#mDiv").css("background-image","url('img.jpg')");
  </code></pre>
  
  <p>OR without jQuery:</p>
  
  <pre><code>document.getElementById("mDiv").style.backgroundImage = "url('img.jpg')";
  </code></pre>
  
  <p>Result:</p>
  
  <pre><code>&lt;div id="mDiv" style="background-image: url("img.jpg")" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>Wanted result:</p>
  
  <pre><code>&lt;div id="mDiv" style="background-image: url('img.jpg')" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>(I also tried making style='...', but it gets converted to double quotes too... What can I do to get the wanted result?)</p>