title: How to make label selectable with pug?
body: <p>I have a pug mixin.  I want to use the label property to select the radio button in addition to the actual radio button itself.  Right now it only selects the first item in the list.  I think it's because pug isn't exporting plain html.  Right now the rendered html looks like this:</p>
  
  <pre><code>&lt;div _ngcontent-c4="" class="form-check"&gt;
    &lt;input _ngcontent-c4="" checked="!{data.checked}" class="form-check-input" id="!{data.value}" name="!{data.name}" type="radio" value="!{data.value}"&gt;
    &lt;label _ngcontent-c4="" class="form-check-label" for="!{data.value}"&gt;Initial Contact&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>.
  Instead of:</p>
  
  <pre><code>&lt;div _ngcontent-c4="" class="form-check"&gt;
    &lt;input _ngcontent-c4="" checked="true" class="form-check-input" id="myId" name="myForm" type="radio" value="pricing}"&gt;
    &lt;label _ngcontent-c4="" class="form-check-label" for="myId"&gt;Pricing Info&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code> mixin formCheck(data)
          .form-check
            input.form-check-input(type='radio', name='!{data.name}', value='!{data.value}', checked='!{data.checked}', id='!{data.value}')
            label.form-check-label(for='!{data.value}') !{data.label}
  </code></pre>