title: Dynamically change icon in jQuery Mobile listview
body: <p>When I dynamically change the icon, it does not reflect the change on the page, even though in the markup it was changed.</p>
  
  <p>Example:</p>
  
  <pre><code>      &lt;ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true"&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Adam Kinkaid&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Alex Wickerham&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Avery Johnson&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Bob Cabot&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Caleb Booth&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Christopher Adams&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="check"&gt;&lt;a href="#"&gt;Culver James&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
  $("li").tap(function() {
      //Alert the old icon
      alert($(this).jqmData("icon"));
  
      //Toggle
      $(this).jqmData("icon") == "false" ? $(this).jqmData("icon", "check") :             $(this).jqmData("icon", "false");
  
      //Alert the new icon
      alert($(this).jqmData("icon"));
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Mc97V/">http://jsfiddle.net/Mc97V/</a></p>