jquery-Get the id of closest div?
<p>Hi I have  a Table  with list of vehicle </p>

<pre><code> &lt;table&gt;
 &lt;tr class="${(i % 2) == 0 ? 'odd' : 'even'}" id ="rows"&gt;
   &lt;td&gt;
      &lt;div class="check_box_div"&gt;
       &lt;div class="check_box_list"&gt;
         &lt;g:checkBox id = "isActive_${i}" class="isActive" name="isActive"  value="${vehicleInstance?.isActive}" /&gt;
          &lt;input type="hidden" value="${vehicleInstance?.id}" class="vehicleId" name="vehicleId" id="isActive_${i}_" /&gt;
        &lt;/div&gt;
       &lt;div class="display_image" id ="display_image_${i}"&gt;&lt;/div&gt;
      &lt;/div&gt;    
    &lt;/td&gt;

  &lt;/tr&gt;
</code></pre>

<p>table has got many rows 
I want to get the id of div where the class name is "<strong>display_image</strong>" for each row i tried to get it like </p>

<pre><code>   $(".isActive").click(function() {
     var checkBox_id = $(this).attr("id");
     var checkbox = $('#'+checkBox_id);
     var div_id =$('#'+checkBox_id).closest("div").find(".display_image").attr("id"); // always returns div_id =display_image_0(div id of first row)
</code></pre>

<p>This is works for first row but for second row also it returns id of div of first row only 
what is the change i should make so that i will get the id of div on each row</p>
