title: How to change the icon of a listview item
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;ul id="menu" data-role="listview"&gt;
      &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="label"&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/"&gt;About Us&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;li class="label"&gt;&lt;a href="#"&gt;More&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/"&gt;FAQs&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/"&gt;Terms&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How do I change the icon of all <code>label</code> element from <code>&gt;</code> to <code>+</code>? I tried:</p>
  
  <pre><code>$(".label").buttonMarkup({ icon: "plus" });
  </code></pre>
  
  <p>Which <a href="http://jsfiddle.net/salman/3eAta/2/" rel="nofollow">worked in v1.3.0</a> but produces <a href="http://jsfiddle.net/salman/3eAta/1/" rel="nofollow">unexpected results in v1.4.0</a>.</p>