Click event bound to body

HTML

<ul>
    <li><strong>list</strong> item 1 - one strong tag</li>
    <li><strong>list</strong> item <strong>2</strong> - two <span>strong tags</span>

    </li>
    <li>list item 3</li>
    <li>list item 4</li>
    <li>list item 5
        <div>list item 5 div</div>
    </li>
    <li>list item 6</li>
</ul>
<div>first div <span>first inner span</span>

</div>

CSS

.greenBox {
    border: 1px solid green;
}

JavaScript

/*$("body").click(function(evt){
  var t = $(evt.target);
    if (t.is("div"))
    {
        $("li").removeAttr("style");
        t.css("border", "1px solid lime");
    }

});*/
$("body").addEventListener("beforeunload", function(event) {
    event.returnValue = "Write something clever here..";
});
$("div").toggleClass("greenBox");