title: Slash in string disappears in HTML file
body: <pre><code>    table += "&lt;img class='thumb' style='background-image: url('images/video_icons/" + videos[i]["Thumbnail Title"] + "');'&gt;&lt;/img&gt;"
  </code></pre>
  
  <p>This is the following code i have (where videos[i]["Thumbnail Title"] is simply just "moo.png" or some other picture)</p>
  
  <p>For whatever reason, when i view the html it shows the background url as <code>images video_icons moo.png</code> instead of having the slashes. </p>
  
  <p>I think it has to do with "style" since when i change this to:</p>
  
  <pre><code>    table += "&lt;img class='thumb' src='images/video_icons/" + videos[i]["Thumbnail Title"] + "'&gt;&lt;/img&gt;"
  </code></pre>
  
  <p>An image displays (although it does no longer what i want it to do, the slash signs are there) </p>
  
  <p>Any idea what to do? Thanks!</p>
  
  <hr>
  
  <p><strong>Edit:</strong><br>
  I have the following CSS for the class <code>thumb</code>:</p>
  
  <pre><code>.thumb { display: inline-block; 
           width: 200px; 
           height: 100px;  
           margin: 5px;  
           background-position: center center;  
           background-size: cover;  
  } 
  </code></pre>
  
  <p>and a fiddle (without the javascript) here: <a href="http://jsfiddle.net/lucyguo/5wxBP" rel="nofollow">http://jsfiddle.net/lucyguo/5wxBP</a></p>