Bootstrap button inside input-group : <p>How to make it so that it appears nicely after input page with same height?</p>

<pre><code>&lt;div class="input-group"&gt;
        &lt;input type="text" class="form-control"/&gt;
        &lt;button class="input-group-addon" type="submit"&gt;
            &lt;i class="fa fa-search"&gt;&lt;/i&gt;
        &lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>Here is code <a href="http://jsfiddle.net/6mcxdjdr/" rel="noreferrer">http://jsfiddle.net/6mcxdjdr/</a> The first one is original input-group, the second one is something what I am trying to have</p>
