title: adding search icon to input box
body: <pre><code>&lt;div id="inputs"&gt;
  &lt;input type="text" value=""&gt;
  &lt;input type="text" value=""&gt;
  &lt;/div&gt;
  &lt;input type="button" id="add" value="Add input"&gt;
  
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function(){
  $('#add').click(function(){
   $('#inputs').append('&lt;input type="text" value=""&gt;');
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Within the code above, i want to add a search icon for every new input generated with a button (id=add ; not shown here for simplicity). This would be a typical input:</p>
  
  <pre><code>&lt;label&gt;
  &lt;input type="text" class="search" name="word" autofocus="autofocus" /&gt;
  &lt;span class="search-icon"&gt;
      &lt;span class="glass"&gt;&lt;/span&gt;
      &lt;span class="handle"&gt;&lt;/span&gt;
  &lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>With CSS i could position the search icons in a fixed way.</p>
  
  <p>Thanks</p>