title: Use variables in document.querySelector
body: <p>If I have:</p>
  
  <pre><code>&lt;div class="test" data-name="Paul" &gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>var name = "Paul";
  </code></pre>
  
  <p>Can I use <code>document.querySelector</code> to do something like this?</p>
  
  <pre><code>document.querySelector("[data-name=name]");
  </code></pre>
  
  <p>This doesn't work. What do I have to do?</p>