how to display radio buttons and choice fields horizontally in SharePoint 2013

how to display radio buttons and choice fields horizontally in SharePoint 2013

In this article we can able to see how to display radio buttons and choice fields horizontally.
By default it will display vertically , for better look and feel at the time of customizing we want to display init horizontally.

$(document).ready(function(){
//dispaly radiobuttons horizontally
var getRadio = $("#showhor .ms-RadioText:eq(0)")
$("#showhor .ms-RadioText:gt(0)").appendTo($(getRadio));
 });


HTML Form 

<tr> 
<td>
Select all that apply:
</td>
<td>
<span id="showhor" data-displayName="Status"></span>
</td>
</tr>