Hi Rolf,<br><br><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">I got it working, I needed to add the click event to the label instead of<br>
the checkbox. makes sense as the checkbox will be hidden. so this is more a<br>
jquerymobile problem than something you control.<br>
This solution does not work on an ipad (ios5) however. The clickevent doesnt<br>
get fired on the label, nor does it on the checkbox, outside the &#39;your<br>
problem field&#39; as well ;)<br>
<br>
It seems all events fire twice, in the demo also, is this expected<br>
behaviour? It seems to be like this for all events I tried tap, click,<br>
virtualmouseup and used Chrome and Safari on ipad IOS5 to test this.<br></blockquote><div><br></div><div>I thought it would be good to clear this up for the list.</div><div><br></div><div>I&#39;ve added some samples which show how to dynamically update using Ajax:</div>
<div><a href="http://jquerymobile.seasidehosting.st/seaside/javascript/jquery-mobile/Ajax-forms">http://jquerymobile.seasidehosting.st/seaside/javascript/jquery-mobile/Ajax-forms</a></div><div><br></div><div>You came across two issues. Checkboxes use a hidden field. The standard #serializeThisWithHidden didn&#39;t work on jQueryMobile as the jQuery it creates:</div>
<div><br></div><div><div><span class="Apple-tab-span" style="white-space:pre">        </span>self serialize: (self jQuery this</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>next: &#39;input:hidden&#39;;</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>andSelf)</div></div><div><br></div><div>Didn&#39;t work the div tags jQuery mobile adds around checkboxes. I&#39;ve added:</div><div><br></div><div><div>jqmSerializeThisWithHidden</div>
<div><span class="Apple-tab-span" style="white-space:pre">        </span>&quot;Serialize the receiving form element and a following hidden form element. </div><div><span class="Apple-tab-span" style="white-space:pre">        </span>This is required in case of a check-box or multi-select list.</div>
<div><span class="Apple-tab-span" style="white-space:pre">        </span></div><div><span class="Apple-tab-span" style="white-space:pre">        </span>jQueryMobile inserts a div between the element and the checkbox so the &#39;standard&#39;</div>
<div><span class="Apple-tab-span" style="white-space:pre">        </span>#serializeThisWithHidden doesn&#39;t work</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>WARNNG: This is fragile to changes in jQueryMobile&#39;s markup&quot;</div>
<div><span class="Apple-tab-span" style="white-space:pre">        </span></div><div><span class="Apple-tab-span" style="white-space:pre">        </span>self serialize: (self jQuery this parent</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>next: &#39;input:hidden&#39;;</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>add: (self jQuery this))</div></div><div><br></div><div>which solves this problem but is a little fragile. The samples: <a href="http://jquerymobile.seasidehosting.st/seaside/javascript/jquery-mobile/Ajax-forms">http://jquerymobile.seasidehosting.st/seaside/javascript/jquery-mobile/Ajax-forms</a> should two methods for serialising checkboxes.</div>
<div><br></div><div>The events firing twice was a bug. This is now fixed in the latest release</div><div><br></div><div>Thanks</div><div><br></div><div>Nick</div></div>