title: Adding multiple class names using a template literal
body: <p>Simple question I'm sure, but I can't see why this code:</p>
  
  <pre><code>const addDiv = (test) =&gt; {
      const markup = `
        &lt;div class=${test? "name":"name name-active"}&gt;&lt;/div&gt;
      `;
      element.insertAdjacentHTML('beforeend', markup);
  };
  </code></pre>
  
  <p>results in <code>&lt;div class="name" name-active=""&gt;</code> rather than <code>&lt;div class="name name-active"&gt;</code></p>
  
  <p>Have I made a simple error, or is it behaviour I just don't understand? Thanks</p>