title: How can I put icons on a jquery ui input button?
body: <p>Based on the jquery ui button documentation, I tried the following:</p>
  
  <pre><code>&lt;jquery&gt;$("#test").button({ icons: { primary:'ui-icon-gear' } });&lt;/jquery&gt;
  &lt;input id="test" type="submit" value="test"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>However the icon doesn't appear on the button. If I change the <code>&lt;input&gt;</code> to a <code>&lt;span&gt;</code>, it works; but I need the icons on a form submit button. Placing the <code>&lt;span&gt;</code> around the button doesn't help either (then I have a button inside a button).</p>
  
  <p>I also tried the solution described in <a href="https://stackoverflow.com/questions/2525524/jquery-ui-dialog-button-icons">this stackoverflow question</a>, but the .prepend span doesn't have an effect on my page. Any ideas?</p>