title: How to style an unordered list with jQuery UI so that the elements begin with a UI icon instead of the default list symbol?
body: <p>I would like to use an icon from the <a href="http://jqueryui.com/themeroller/" rel="noreferrer">jQuery UI icon set</a> to style an unordered list.</p>
  <pre><code>&lt;div&gt;
      &lt;ul&gt;
          &lt;li&gt;John Doe&lt;/li&gt;
          &lt;li&gt;Jack Snow&lt;/li&gt;
          &lt;li&gt;Mary Moe&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>By default this list appears with dots in front of each element</strong>:</p>
  <ul>
  <li>John Doe</li>
  <li>Jack Snow</li>
  <li>Mary Moe</li>
  </ul>
  <p><strong>Instead I would like to replace the dot with an icon</strong> such as <strong><code>ui-icon-person</code></strong></p>
  <p>How to accomplish this?</p>