Below is my html 

```
<div test="dive" data-role="collapsible">
        <h3 test="h3">morning Snack <i></i></h3>
    <p>seI'm the collapsible content for section 2</p>

   <form>
       <input test="sd" class="checkclass"  name="checkbox-mini-0" id="checkbox-mini-0" data-mini="true" type="checkbox"></input>
    <label for="checkbox-mini-0">Completed This.</label>
   </form>

    </div>

```

below is javascript

```
$(".checkclass").click(function() {
    var tes = $(this).closest("div").attr("test");
    alert(tes);
});

```

I am trying to access div.h3.i ... but i cant access div itself :/ .please check this fiddle <http://jsfiddle.net/9cQmJ/> . where i am wrong ?