title: Using image URL with parentheses as background with jQuery
body: <p>I'm loading a bunch of files as <code>background-image</code> using jQuery and I have this image that will simply not load. The browser does not throw any error.</p>
  
  <p>I know the problem is that the file name contain parentheses <code>()</code>, but I've tried all sorts of things and nothing works. This is not a duplicate <a href="https://stackoverflow.com/questions/1162270/cloning-background-image-with-parenthesis-in-file-name">from this question</a> as the solution there does not work.</p>
  
  <p>This is the URL of the file</p>
  
  <pre><code>http://oceanhotelsimages.com/uploads/200x150_Privilege_Lounge_OBS_05_(1).jpg
  </code></pre>
  
  <p>I've tried different things in Javascript with no luck.</p>
  
  <pre><code>unescape(str);
  
  encodeURI(str)
  </code></pre>
  
  <p>Even directly replacing the characters</p>
  
  <pre><code>str.replace("(", "%28");
  str.replace(")", "%29");
  </code></pre>
  
  <p>Even by pure desperation</p>
  
  <pre><code>str.replace("(", "&amp;#40;");
  str.replace(")", "&amp;#41;");
  </code></pre>
  
  <p>Help me StackOverflow, you are my only hope.</p>
  
  <p>Please do not suggest to change the file name. I do not have access to that file.</p>