title: Bootstrap textfield button add on with label
body: <p>I have the following bootstrap code for showing a textfield with a button:</p>
  
  <pre><code> &lt;div class="form-group"&gt;
     &lt;div class="input-group"&gt;
        &lt;span class="input-group-btn"&gt;
        &lt;button class="btn btn-default" type="button"&gt;Go!&lt;/button&gt;
        &lt;/span&gt;
        &lt;label&gt;Second Column&lt;/label&gt;
        &lt;input type="text" class="form-control" placeholder="Search for..."&gt;
     &lt;/div&gt;
     &lt;!-- /input-group --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I should get something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/pncnJ.png" alt="enter image description here"></p>
  
  <p>But what I get is this:</p>
  
  <p><img src="https://i.stack.imgur.com/xRnb6.png" alt="enter image description here"></p>
  
  <p>I guess its because of the <code>&lt;label&gt;</code> tag.</p>
  
  <blockquote>
    <p>Any clue on how can I fix this?</p>
  </blockquote>