How to group radioboxes to a controlgroup in jQuery Mobile correctly?

Question

I need these radio's to be connected - only one option has to be chosen at once. Please check this Fiddle or the following code and open my eyes...

<div id="my-controlgroup" data-role="controlgroup" data-mini="true" class="confine-radiobuttons">
    <legend>options</legend>
    <input type="radio" id="documents-all" name="documents-all" value="all" checked="checked">
    <label for="documents-all">all</label>

    <input type="radio" id="documents-marked" name="documents-marked" value="transactionrelevant">
    <label for="documents-marked">marked only</label>

Answer 1

In order for radio buttons to be "connected" they must have the same name. Yours have the names documents-all and documents-marked. You must change one to match the other.