title: jQuery Mobile - Side by side numeric input with a slider
body: <p>I am using jQuery Mobile.  I am attempting to allow the user to change a slider value in two ways.  A number, or a percentage.  For example, let's say that the total of a metric is $224.  So 50% is $112.  Well, I want the user to be able to specify $100 manually, OR specify 50% manually.</p>
  
  <p>With this said, I placed a numeric text box and a slider next to each other.  The numeric text box appears larger and different from the slider's text box.  One thing to note - I have removed the up/down buttons via CSS.</p>
  
  <p>Try as I might, I cannot get these to display the same way.  Does anyone know what classes are needed for this?  Changes done on pageinit()?</p>
  
  <p><img src="https://i.stack.imgur.com/g6b9L.png" alt="Slider issue"></p>