I have been struggling with getting this to work properly. I am trying to get the Horizontally grouped select inputs to work, on my mobile site from this page:http://jquerymobile.com/demos/1.0/docs/forms/selects/Right now my select boxes look like this:
But when I view the example it looks like this:
My HTML looks like this:\[code\] <fieldset data-role="controlgroup" data-type="horizontal"> <select name="select-choice-month" id="select-choice-month"> <option>M</option> <option value="http://stackoverflow.com/questions/12737816/January">January</option> <option value="http://stackoverflow.com/questions/12737816/February">February</option> <option value="http://stackoverflow.com/questions/12737816/March">March</option> <option value="http://stackoverflow.com/questions/12737816/April">April</option> <option value="http://stackoverflow.com/questions/12737816/May">May</option> <option value="http://stackoverflow.com/questions/12737816/June">June</option> <option value="http://stackoverflow.com/questions/12737816/July">July</option> <option value="http://stackoverflow.com/questions/12737816/August">August</option> <option value="http://stackoverflow.com/questions/12737816/September">September</option> <option value="http://stackoverflow.com/questions/12737816/October">October</option> <option value="http://stackoverflow.com/questions/12737816/November">November</option> <option value="http://stackoverflow.com/questions/12737816/December">December</option> </select> <select name="select-choice-day" id="select-choice-day"> <option>D</option> <?php while($c < 32) { echo '<option value="'.$c.'">'.$c.'</option>'; $c++; } ?> </select> <select name="select-choice-year" id="select-choice-year"> <option>Y</option> <option value="http://stackoverflow.com/questions/12737816/2012">2012</option> <option value="http://stackoverflow.com/questions/12737816/2013">2013</option> <option value="http://stackoverflow.com/questions/12737816/2014">2014</option> </select></fieldset>\[/code\]And my include scripts look like this:\[code\]<link rel="stylesheet" href="http://stackoverflow.com//code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /><script src="http://stackoverflow.com//code.jquery.com/jquery-1.6.4.js"></script><script src="http://stackoverflow.com//code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>\[/code\]I've tried copying and pasting the example exactly, and I still get the vertical and not horizontal, what am I doing wrong here?