title: Radio buttons are covering labels
body: <p>I am designing a simple form, which includes a boolean yes/no question. The code that I am using for this is </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /&gt;
  
  &lt;input type="radio" name="bool" value="yes"&gt;Yes&lt;br&gt;
  &lt;input type="radio" name="bool" value="no"&gt;No</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I load the page, the actual radio buttons appear in front of the Yes/No labels. I do not have sufficient rights to upload a picture of this unfortunately. How can I move the buttons to be next to the labels?</p>
  
  <p>I have seen other people with similar problems and the solution seems to be to change the CSS, which I cannot do as my CSS comes from jquery</p>