title: Obfuscate file names in webpage
body: <p>I'm creating a web-application which will be taking survey-type data.
  Users are presented with several files and asked a question. The user, in the hope of not skewing data, must not be able to know the file name of the file.</p>
  
  <p>An empty div is created for a JPlayer instance to sit in, and I have added the "location" attribute to the div, so while setting up the JPlayer instance on the client side the JPlayer knows what .wav to play</p>
  
  <pre><code> &lt;div id="jquery_jplayer" class="jp-jplayer" location="sound.wav"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>Here is part of the javascript which sets up the sounds to be played and here its easy to see that the file location is simply dragged from the div</p>
  
  <pre><code>$("#jquery_jplayer").jPlayer("setMedia", {
      wav: $(this).attr("location")
  });
  </code></pre>
  
  <p>Basically, the intention is to hide "sound.wav" from the HTML document and keep the javascript dynamic.
  A translation file between obfuscated and deobfuscated could be possible but it would be nice to keep this dynamic.</p>