title: Get data-index of the parent tr
body: <p>I have a table with checkboxes in every row. No I want to get the data-index of the checked row. How do I get the data-index of the parent tr-Element?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;table id="searchResultsDetails"&gt;
   &lt;tbody&gt;
    &lt;tr data-index="0" class="selected"&gt;
      &lt;td class="bs-checkbox"&gt;
      &lt;input data-index="0" name="btSelectItem" type="checkbox"&gt;
      &lt;/td&gt;&lt;td &gt;19/02/2015&lt;/td&gt;&lt;td &gt;Jendro&lt;/td&gt;&lt;td &gt;
   &lt;/tr&gt;
   &lt;tr data-index="1"&gt;
      &lt;td class="bs-checkbox"&gt;
      &lt;input data-index="1" name="btSelectItem" type="checkbox"&gt;
      &lt;/td&gt;&lt;td &gt;13/02/2015&lt;/td&gt;&lt;td &gt;Ganten&lt;/td&gt;&lt;td &gt;
   &lt;/tr&gt;
   &lt;/tbody&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('#searchResultsDetails .bs-checkbox').change(function() {
      var parTr =  $(this).find('.bs-checkbox').index(this.parentNode);
      console.log('ParTr ', parTr);
  });
  </code></pre>
  
  <p>Output is ParTr -1
  Could you pls give me a hint, whats going wrong?        </p>