title: How to find span class value present under a particular td
body: <p>On click of a Radio button , i am trying to chnage the value of a Button text .</p>
  
  <p>But i am facing problem with the jquery selector in this case </p>
  
  <pre><code>&lt;table class="table table-striped table-bordered table-hover dataTable" id="customer_details_table" aria-describedby="sample_1_info" style="display: table;"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;&lt;/th&gt;
              &lt;th&gt;Customer Name&lt;/th&gt;
              &lt;th&gt;Address&lt;/th&gt;
              &lt;th&gt;Contact No.&lt;/th&gt;
              &lt;th&gt;Email&lt;/th&gt;
              &lt;th&gt;Action&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody class="odd gradeX"&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label class="radio"&gt;
                      &lt;input type="radio" class="bradio" id="20" name="optionsRadios1" value="option1"&gt;
                  &lt;/label&gt;
              &lt;/td&gt;
              &lt;td width="20%"&gt;kiran&lt;/td&gt;
              &lt;td width="25%"&gt;XXXXXXX&lt;/td&gt;
              &lt;td width="20%"&gt;7654321987&lt;/td&gt;
              &lt;td width="20%"&gt;venkatrajkiran@yahoo.com&lt;/td&gt;
              &lt;td width="10%" align="center"&gt; &lt;span class="label label-success"&gt;Active&lt;/span&gt; 
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label class="radio"&gt;
                      &lt;input type="radio" class="bradio" id="28" name="optionsRadios1" value="option1"&gt;
                  &lt;/label&gt;
              &lt;/td&gt;
              &lt;td width="20%"&gt;kiran&lt;/td&gt;
              &lt;td width="25%"&gt;XXXXXXX&lt;/td&gt;
              &lt;td width="20%"&gt;9701429843&lt;/td&gt;
              &lt;td width="20%"&gt;s@g.com&lt;/td&gt;
              &lt;td width="10%" align="center"&gt;&lt;span class="label label-inverse"&gt;DeActive&lt;/span&gt; 
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;button type="submit" id="deactivebtn" class="btn blue"&gt;Deactive&lt;/button&gt;
  
  $(document).on('click', '.bradio', function (event) {
      var classname = $(this).find('span').attr('class');
      if (classname == 'label label-success') {
          $('#deactivebtn').text('Deativate');
      } else if (classname == 'label label-inverse') {
          $('#deactivebtn').text('Deativate');
      }
  });
  </code></pre>
  
  <p>This is my jsfiddle </p>
  
  <p><a href="http://jsfiddle.net/kz2j2jjy/7/" rel="nofollow">http://jsfiddle.net/kz2j2jjy/7/</a></p>
  
  <p>Could anybody please help me . </p>