title: Selecting a data attribute value with a space or a certain character
body: <p>I'm trying to select a data attributes value that has a space or a certain character in it but it doesn't like it very much. Below is the code that I have working for one worded attribute values.</p>
  
  <pre><code>$('div[data-roomtype='+$(this).data('roomtype')+']').animate({opacity:0.1},100);
  </code></pre>
  
  <p>And I have also put together a very simplified fiddle (<a href="http://jsfiddle.net/Tse6k/2/" rel="nofollow">http://jsfiddle.net/Tse6k/2/</a>) of what I'm hoping to achieve. Is there an easy solution to this? Any help or advice would be much appreciated. </p>