title: jquery UI : how to define icon for button in HTML
body: <p>I can define icon for a jquery ui button in code like this;</p>
  
  <pre><code>$( ".selector" ).button({ icons: {primary:'ui-icon-gear'} });
  </code></pre>
  
  <p>but I would like to define button icon in HTML code. for example</p>
  
  <pre><code>&lt;a href="#" class="jqbutton ui-icon-gear"&gt;button&lt;/a&gt;
  </code></pre>
  
  <p>this way I can only call..
      $( ".selector" ).button();
  in onready event and define icons in code. otherwise I need to call button() method for every button that have different icon.</p>