title: Detect if a sibling class changes within a Div through JQuery
body: <p>I have a div which adds a sibling class every time I do a particular action. I am hoping to find out as soon as the sibling class is changed.</p>
  
  <p>For example,</p>
  
  <pre><code>  &lt;div class="form-item"&gt;
            &lt;div class="mck-radio"&gt; &lt;div id="#this1"&gt;Click Element 1 &lt;/div&gt;&lt;/div&gt;
            &lt;div class="mck-radio checked"&gt; &lt;div id="#this1"&gt;Click Element 2 &lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I need to find out which <code>mck-radio</code> has the sibling class of <code>checked</code>. </p>
  
  <p>I figured, if whenever the checked is changed within these two divs of <code>mck-radio</code>, I can retrieve the <code>children</code> element easily. But the following doesn't work. This is what I did:-</p>
  
  <pre><code>$(".form-item .mck-radio").change(function() {
          console.log("sad");
  }); 
  </code></pre>