Adding "i" to input field, but should be hidden
<p>I want to add "i" to a input field when the red div is clicked, but the "i" that is added to the input field should not be viewable. If the green button is clicked the hidden "i" should be removed.</p>

<p>Here is my HTML live: <a href="http://jsfiddle.net/mtYtW/60/" rel="nofollow">http://jsfiddle.net/mtYtW/60/</a></p>

<p>My HTML:</p>

<pre><code>&lt;div class="input string optional"&gt;
    &lt;label for="company_navn" class="string optional"&gt;Name&lt;/label&gt;
    &lt;input type="text" size="50" name="company[navn]" maxlength="255" id="webhost_navn" class="string optional"&gt;
&lt;/div&gt;
&lt;div style="width:30px;height:30px;margin-top:10px;display:block;background:green;"&gt;
&lt;/div&gt;
&lt;div style="width:30px;height:30px;margin-top:10px;display:block;background:red;"&gt;
&lt;/div&gt;
</code></pre>

<p>How to create this functionality?</p>
