I have been having some struggle with the jQuery Mobile slider. It is kind of non-standard in the way that it removes the original Range input from the DOM and replaces it with its own. The one it inserts in has the same ID as the removed one. It's actually really tricky to get 2 way binding to work with the jQuery Mobile Slider and Knockout. After scouring the interwebs for advice on jQuery Mobile Slider + Knockout Js, I ended up creating my own custom Knockout binding to wire up the 2 way binding.
Hide the Numeric input, okay?
Okay. We got a nice slider and the normal old text input is still left next to it. So just add this CSS to your style sheet, prefixing with the appropriate container if you want to be more specific.