inline text boxes in popup

inline text boxes in popup

Hi,

First post here, hit a roadblock with this over several days.  

Im trying to create a popup, with a form, but have the text in-line.


This is the code I've got that as far as i know should work

  2.  <div data-role="popup" id="popup-AP-edit" data-theme="a" class="ui-corner-all">
  3.         <form>
  4.         <div style="padding:10px 20px;">
  5.         <h3>Edit AP</h3>
  6.         
  7.         <fieldset data-role="fieldcontain">
  8.         <div class="ui-field-contain">
  9.           <label for="flip-AP">Enable:</label>
  10.           <select name="enable-AP" id="flip-AP" data-role="flipswitch" data-mini="true">
  11.             <option value="off">Off</option>
  12.             <option value="on">On</option>
  13.           </select>
  14.         </div>       
  15.         <div class="ui-field-contain">
  16.           <label for="flip-AP-hidden">Hidden:</label>
  17.           <select name="APhidden" id="flip-AP-hidden" data-role="flipswitch" data-mini="true">
  18.             <option value="off">No</option>
  19.             <option value="on">Yes</option>
  20.           </select>
  21.         </div> 
  22.         <div class="ui-field-contain">
  23.           <label for="text-AP-set-ssid">SSID:</label>
  24.           <input type="text" data-mini="true" name="setAPsetssid" id="text-AP-set-ssid" value="">
  25.         </div>
  26.         <div class="ui-field-contain">
  27.           <label for="text-AP-set-pass">Password:</label>
  28.           <input type="text" data-mini="true" name="setAPsetpass" id="text-AP-set-pass" value="">
  29.         </div>
  30.         <div class="ui-field-contain">
  31.           <label for="text-AP-set-channel">Channel:</label>
  32.           <input type="text" data-mini="true" name="setAPsetchannel" id="text-AP-set-channel" value="">
  33.         </div>
  34.         <div class="ui-field-contain">
  35.           <label for="text-AP-set-ip">IP:</label>
  36.           <input type="text" data-mini="true" name="setAPsetip" id="text-AP-set-ip" value="">
  37.         </div>
  38.         <div class="ui-field-contain">
  39.           <label for="text-AP-set-mac">MAC:</label>
  40.           <input type="text" data-mini="true" name="setAPsetmac" id="text-AP-set-mac" value="">
  41.         </div>
  42.         </fieldset>
  43.          <button type="button" class="sendsubmit ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Apply</button>
  44.           </div>
  45.           </form

Using jQuery jquery-1.11.1, jquery.mobile-1.4.5

Many thanks