jquery-mobile onchange event change icon

I am using jquery-mobile and was wondering if anyone could help.

Using the Onchange evert I need to change the data-icon...

For example:

<div data-role="collapsible" data-collapsed="开发者_如何学JAVAtrue" onchange="change-the-data-icon" data-icon="check">

So, once the using has opened and changed any field inside the collapsed area the data-icon changes to icon "check".

Can anyone help on how to do this please?

Live Example:

• http://jsfiddle.net/phillpafford/8pwFK/29/ (Click the nav icons and they will change)

Related Question:

• change custom navbar icon on jquerymobile