title: simple_form and Twitter Bootstrap and input-append code
body: <p>I'm trying to use the <code>input-append</code> feature of Twitter Bootstrap. However, I want to try and keep my code cleaner with the <code>simple_form</code>.</p>
  
  <pre><code>&lt;div class="control-group string required"&gt;
   &lt;label class="string required control-label" for="video_company_id"&gt;&lt;abbr title="required"&gt;*&lt;/abbr&gt; Company&lt;/label&gt;
    &lt;div class="controls"&gt;
      &lt;div class="input-append"&gt;
        &lt;%= f.text_field  :company_id, :class =&gt; "span2" %&gt;
          &lt;span class="add-on"&gt;&lt;%= link_to image_tag('/assets/button/magnifier.png'), "#select_company", :"data-toggle" =&gt; "modal" %&gt;&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>yields</p>
  
  <p><img src="https://i.stack.imgur.com/ebXo3.png" alt="enter image description here"></p>
  
  <p>What is a better way to write this with <code>simple_form</code> using <code>f.input</code>?</p>
  
  <p><strong>Edit to mdepolli</strong></p>
  
  <p>Thanks mdepolli. That does get me closer to where I need to be. However, it just puts the lookup inline with the form instead of an 'add-on'.</p>
  
  <pre><code>  &lt;%= f.input  :company_id, :as =&gt; :string, :class =&gt; "span2", :wrapper_html =&gt; { :class =&gt; "input-append"} %&gt;
    &lt;%= link_to image_tag('/assets/button/magnifier.png'), "#select_company", :"data-toggle" =&gt; "modal", :class =&gt; "add-on", :wrapper_html =&gt; { :class =&gt; "input-append"} %&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/YwgT3.png" alt="enter image description here"></p>
  
  <p><strong>edit again</strong>
  with the <code>content_tag</code>, it takes it to the separate line
  <img src="https://i.stack.imgur.com/Qsaem.png" alt="enter image description here"></p>