I'm beginning with JQuery Mobile and already have a first question.

I've created some collapsible div inside collapsible div ... etc as shown below :

2. <div data-role="collapsible-set" data-theme="b" data-content-theme="d">';
3. <div data-role="collapsible">
4.       <h3>Test 1</h3>
5.       <div data-role="collapsible-set" data-theme="b" data-content-theme="d">
6.             <div data-role="collapsible">
7.                   <h3>Test 1_1</h3>
8.                   <div data-role="collapsible-set" data-theme="b" data-content-theme="d">
9.                         <input type="checkbox">
10.                         <div data-role="collapsible">
11.                               <h3>Test 1_1_1</h3> 
12.                         </div>
13.                         <input type="checkbox">
14.                         <div data-role="collapsible">
15.                               <h3>Test 1_1_2</h3>
16.                         </div>
17.                         <div data-role="collapsible">
18.                               <h3>Test 1_1_3</h3>
19.                         </div>
20.                   </div>
21.             </div>
22.             <div data-role="collapsible">
23.                   <h3>Test 1_2</h3>
24.             </div>
25.       </div>
26. </div>
27. <div data-role="collapsible">
28.       <h3>Test 2</h3>
29. </div>
30. </div>

My problem is that I don't succeed in inserting a checkbox on the same line as my <h3> text and,  even if I would succeed in, I suppose I'll have some troubles to check in/out this checkbox since the click would be understood as an event to open the collapsible menu.

I have the same problem If I want to insert an anchor on the same line as my <h3> text.

Any idea to help me ?

Thanks !