title: How to position loading animation inside input box?
body: <p>I want to position my loading animation on the same line, inside my input box, to the right.</p>
  
  <p>I tried : </p>
  
  <pre><code>&lt;span&gt;
      &lt;input id="searchbox" placeholder="Enter Catalog # " type="text" /&gt;
      &lt;img style="float:right;" id='loading' width="100px" src="http://rpg.drivethrustuff.com/shared_images/ajax-loader.gif"/&gt; 
  &lt;/span&gt;
  </code></pre>
  
  <p>I get : </p>
  
  <p><img src="https://i.stack.imgur.com/IxJRy.png" alt="enter image description here"></p>
  
  <p>I couldn't get it to show inside my input box. :(</p>