How to align a checkbox and a text input tag into a jquery-mobile line

Question

Using JqueryMobile, I wish to achieve the following layout: - Having nice decorations boxes to separate my input lines - Having one checkbox aligned vertically with an input text field, both on the same line But after many attempts, the only layout I could come from with is the following: The first attempt looks kind of right using `jquerymobile grids`, but my `checkbox` is not selectable anymore and remains checked forever. The second attempts uses the `fieldset` as proposed by the `jquerymobile`, but, I loose the `checkbox` and I tried using the css float property, without success. Here is the full code: ``` Multi-page template

Accepted Answer

http://jsfiddle.net/XAsyy/110/ Updating from Nirmal Patel ans, I found textarea to work with checkboxes and if you do not want the textarea to grow: ``` data-role="none" ie. ``` http://jsfiddle.net/XAsyy/144/ or, use: ``` css resize: none; ```

How to align a checkbox and a text input tag into a jquery-mobile line

Solution

Problem