jqueryi ui buttonset - jQuery UI Radio Button set line Breaks -

when using 2 button sets, not display on same line. there way display both of these on same line? here code

html:

<div id="view"> <input type="radio" id="radio1" name="radio" /><label for="radio1">regular</label> <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">investments</label> <input type="radio" id="radio3" name="radio" /><label for="radio3">all</label> </div>   <div id="lod"> <input type="radio" id="lod_s" name="radio" checked="checked" /><label for="radio2">summary</label> <input type="radio" id="lod_d" name="radio" /><label for="radio3">detail</label> </div> 

javascript:

$('#view,#lod').buttonset(); 

thanks in advance help.

the default styling div elements causes 1 below other. can substitute span here.

jsfiddle

---

or use css change styling of divs:

<style type="text/css">     #view, #lod {         display: inline;     }  </style>