jquery mobile slider
HTML
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>
</head>
<body>
jQuery Mobile data-* attribute<br/>
<select data-bind="options: ['Yes','No'], value: Partecipating" data-role="slider" ></select><br/>
<span data-bind="text: Partecipating"></span>
<script type="text/javascript">
viewModel = {
Partecipating: ko.observable('Yes'),
Vote: ko.observable('Yes')
};
ko.applyBindings(viewModel);
</script>
</body>
</html>