title: Add Radio buttons to Html form using Javascript or Jquery
body: <p>In my HTML code I have</p>
  
  <pre><code>&lt;form id="approve"&gt;
      &lt;input name="myDate" id="monthYearPicker" /&gt;
      &lt;button type="button"onclick="monthlytimesheets()"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>In my Javascript file I have the following:-</p>
  
  <pre><code>function monthlytimesheets() {
      $.post('http://localhost:8000/timer/monthly_timesheet/',
          function(returnedData) {
              for(i=0;i&lt;returnedData.length;i++) {
                  for(j=i+1;j&lt;returnedData.length;j++) {
                      if(returnedData[i]['id']==returnedData[j]['id']) {
                          returnedData.splice(j,1)
                      }
                  }
              }
          });
  </code></pre>
  
  <p>Now i want my <code>returnedData[i]['full_name']</code> rendered on html page as radio buttons. How can i do that. How do you dynamically create radio buttons from JS? Also can i assign values to these radio buttons?</p>