Question: I'm following a tutorial on how and when to use div's. The tutorial can be found here:

<http://www.webreference.com/authoring/style/sheets/layout/advanced/index.html>

I made four div's with the classes, level0, level1, level2, and level3 respectively. Like this:

```
<div id="level0"></div>
<div id="level1"></div>
<div id="level2"></div>
<div id="level3"></div>

```

So I'm working on div #1. The first CSS code implemented is basically setting up margins on the left and right. I think some of my previous CSS might be conflicting but I'm not sure where. 

The CSS code for the body is:

```
body
{
background-color:#FBF8EF;
margin:9px 9px 0 9px;
padding 0;
}

```

Next the CSS code for div #1 (or rather div #0) is:

```
#level0
{
background-color:#FC0;
}

```

I'm not sure if I'm following the tutorial incorrectly or if I'm just writing it wrong but if anyone could lend assistance it would help. Let me know if I missed anything.

Thanks for taking the time to help.

Answer: 
Try [.on()](http://api.jquery.com/on/)

`[**Fiddle Demo**](http://jsfiddle.net/cse_tushar/Nnzx4/)`

```
$(document).on("click change", "#filterOptions input[name=inNeedAmountRange]", function () {
    var elementValue = this.value;
    if ($(this).is(':checked')) {
        alert('checked : ' + elementValue);
    } else {
  // ^ remove extra }
        alert('Not checked :' + elementValue);
    }
});

```

---

[Event Delegation](https://learn.jquery.com/events/event-delegation/)
Try: <http://api.jquery.com/on/>

```
$(document).on("change click", ""#filterOptions input[name=inNeedAmountRange]", function() {
    //do something
});

```

You can replace document with any static container.