title: How to access One div inside other div
body: <p>I have a Two div when i click on the first div checkbox i want to use second div checkbox value. </p>
  
  <pre><code>var NewData = '&lt;div class="divClassOne"&gt; &amp;nbsp; 
  &lt;input type="checkbox" class="chkremCFAllLevel1" value="HelloOne" name="chkOne" 
  id="check1" data-markerAllLevel1="12"&gt;&lt;/div&gt;';
  $("#sectionlistNew").append(NewData);
  </code></pre>
  
  <pre><code>var NewDataTwo = '&lt;div class="divClassTwo"&gt; &amp;nbsp; 
  &lt;input type="checkbox" class="chkremCFAllLevel2" value="HelloTwo" name="chkTwo" 
  id="check2" data-markerAllLevel2="12"&gt;&lt;/div&gt;';
  $("#sectionlistNewTwo").append(NewDataTwo);
  </code></pre>
  
  <pre><code>$("#sectionlistNew").on('click', '.chkremCFAllLevel1', function () {
              marker_refAllLevel1 = $(this).attr('data-markerAllLevel1');
              console.log(marker_refAllLevel1);
  });
  </code></pre>
  
  <p>When i click i want to compare <strong>data-markerAllLevel1</strong> and <strong>data-markerAllLevel2</strong> value.</p>
  
  <p><strong>Solution</strong></p>
  
  <pre><code>$("#sectionlistNew").on('click', '.chkremCFAllLevel1', function () {
              checkedvalueAllCheckBoxLevel1 = [];
              marker_refAllLevel1 = $(this).attr('data-markerAllLevel1');
              console.log(marker_refAllLevel1);
  
              $("input[name=chkRolesALLLevel2]").each(function () {
                  if ($(this).attr("data-markerCheckBoxAllLevel2") == marker_refAllLevel1) {
                      console.log($(this).attr("data-markerCheckBoxAllLevel2"));
                      $('input[name="chkRolesALLLevel2"][data-markerCheckBoxAllLevel2="' + marker_refAllLevel1 + '"]').attr('disabled', false);
                  }
              });
          });
  </code></pre>