title: disable label click event
body: <p>I am trying to create radio button and labels in one div called <code>Contentarea</code>. the problem I am having right now is both radio button and label are clickable, anyone would  please tell me how can I disable the click event of label in the following code.</p>
  
  <pre><code>&lt;div id="ContentArea" class="contentarea"&gt;  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$("#ContentArea").click(function(evt) {
      $("#ContentArea").empty();
      $("#lblarea").empty();
      $("#btngroup").empty();
      var clicked = evt.target;
      var currentID = clicked.id || "No ID!";
      var type = clicked.value;
      if (type == "button") {
          loadlabelpagebyID(currentID);
      } else if (type == "raidobutton") {
          loadlabelpagebyID(currentID);
      };
  });
  
  function loadradiobuttonpagebyID(pageid) {
      $.get("HeadachePROData.xml", function(xml) {
          $(xml).find('Pages').each(function() {
              $(xml).find('Page[id="' + pageid + '"]').each(function(i) {
                  pagetype = $(this).attr("type");
                  nextpageid = $(this).attr("nextpage");
                  backpageid = $(this).attr("backpage");
                  sessionStorage.setItem("nextpageid", nextpageid);
                  sessionStorage.setItem("backpageid", backpageid);
                  $(this).find('nav').each(function(i) {
                      var btntext = $(this).text();
                      navpageid = $(this).attr("navpage");
                      navtype = $(this).attr("type");
                      var testbtn = $('&lt;input type="radio"&gt;', {
                          value: navtype,
                          id: navpageid
                      });
                      var $radiolabel = $("&lt;label&gt;").text(btntext);
                      $radiolabel.removeAttr('onclick').off('click');
                      $("#ContentArea").append(testbtn);
                      $("#ContentArea").append($radiolabel);
                      $("#ContentArea").append("&lt;br/&gt;&lt;br/&gt;");
                  });
              });
          });
      });
  }
  </code></pre>