title: Adding radio buttons dynamically to a div using jquery
body: <p>I am burned out on this (may be due to Friday), I tried, googled but didn't find a way to make this thing work. the code looks straight forward, but it doesn't add the radio buttons to my div. I am sure, i am missing something silly.</p>
  
  <pre><code>var m_fastingOptions = [{ "Id": "1", "Name": "Fasting" }, { "Id": "2", "Name": "Not Fasting" }];
  
  $.each(m_fastingOptions, function() {
      $("#dvFastingOptions").append(
          $('&lt;label /&gt;', {
              'text': this.FastingName                            
          }).append(
              $('&lt;input /&gt;', { 
                  type: 'radio', 
                  name: 'rdoFastingOptions', 
                  id: 'rdoFastingOptions' + this.Id,
                  value: this.Id
              } )
          )
      );    
  });
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/KXCtp/2/" rel="nofollow">jsFiddle</a> that I was playing with. Any help is much appreciated.</p>
  
  <p>After adding the correct jQuery version to jsFiddle, I see radio buttons but not the label text.</p>
  
  <p>I need to see:
  O Fasting   O Not Fasting</p>