title: get child element that gets selected inside div element
body: <p>How do I get the radio button that is checked from inside my div</p>
  
  <p>Here is my jquery but c is returning undefined</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#SpaceType').change(function () {
      var kids = $(this).children();
      $(kids).each(function() {
          var c = $(this).data('id');
      });
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my div</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="btn-group" data-toggle="buttons" id="SpaceType"&gt;
                      &lt;label id="SpaceTypeLabelHouse" class="btn btn-primary"&gt;
                          &lt;input type="radio" name="typeoptions" autocomplete="off" id="0"&gt; House
                      &lt;/label&gt;
                      &lt;label id="SpaceTypeLabelApartment" class="btn btn-primary"&gt;
                          &lt;input type="radio" name="typeoptions" autocomplete="off" id="1"&gt; Apartment
                      &lt;/label&gt;
                      &lt;label id="SpaceTypeLabelStudio" class="btn btn-primary"&gt;
                          &lt;input type="radio" name="typeoptions" autocomplete="off" id="2"&gt; Studio
                      &lt;/label&gt;
                      &lt;label id="SpaceTypeLabelOther" class="btn btn-primary"&gt;
                          &lt;input type="radio" name="typeoptions" autocomplete="off" id="3"&gt; Other
                      &lt;/label&gt;
                  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>