title: JQuery Mobile - Position a input button next to an input text area
body: <p>I am trying to get a <code>input</code>text area and a <code>submit</code> button attached just to the right of it.
  Ideally, the two together will use 100% of the width and be just side by side.</p>
  
  <p>I have been trying to play around with <code>ui-grid-a</code> and similar options but everything fails miserably. You can see some attemps <a href="http://jsfiddle.net/qDgSM/" rel="noreferrer">there</a>. They are all equally ugly but the most complicated thing is to get the two elements side by side with one that has a fixed width (the button) and one that should take the rest of the width (hence neither fixed nor a percentage).</p>
  
  <p>Do you have any idea how to render this properly?</p>
  
  <p>In a dream world jQuery would have some built-in function to group those controls (just like <code>&lt;fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain"&gt;</code> for grouping checkboxes. But it does not seem so.</p>
  
  <p>Thanks a lot for your help,</p>
  
  <p>Mad</p>