title: jQuery '#' + data("target") pattern
body: <p>I've seen this a bunch: </p>
  
  <pre><code>&lt;a href="#" id="trigger" data-target="content"&gt;Click me&lt;/a&gt;
  &lt;div id="content"&gt;And something will happen here&lt;/div&gt;
  </code></pre>
  
  <p>With JS like this:</p>
  
  <pre><code>$("#trigger").click(function(){
    $("#" + $(this).data("target")).hide();
  })
  </code></pre>
  
  <p>It looks a little weird to me to be doing this string concatenation to create selectors which are then used to get the target element. Is there a better pattern in Javascript (with jQuery available) for setting up handlers on one element which need to know about another target element?</p>