I'm working on rating feedback form, I have been trying to get my radio button values, based on the value if it is `<= 3`, have to append question 1, else ( `<= 5` ) have to append question 2.

I have been trying to get value and append function , I am unable to I do not know where I am missing below is my html and jquery code.

Edit : Thanks Rino Raj got an idea now working fine.

Edit : Thanks Acharki Star inverse was my mistake and I have sorted duplication of div using remove ()
Edit : I accept your answer Mr.Rino raj

**[Fiddle HERE](https://jsfiddle.net/manjula_dhamodharan/smof8b52/)**

**HTML**

```
<fieldset class="rating">
    <h2>Rate the videos</h2>
    <input type="radio" id="star5" name="rating" value="1" /><label for="star5" title="Rocks!">5 stars</label>
    <input type="radio" id="star4" name="rating" value="2" /><label for="star4" title="Pretty good">4 stars</label>
    <input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Meh">3 stars</label>
    <input type="radio" id="star2" name="rating" value="4" /><label for="star2" title="Kinda bad">2 stars</label>
    <input type="radio" id="star1" name="rating" value="5" /><label for="star1" title="Sucks big time">1 star</label>
</fieldset>

```

**jQuery**

```
$(document).ready(function () {

    $('.rating input[name="rating"]').on('click', function () {

        var n = $('.rating input[name="rating"]:checked').val();
        alert('hi');

        if (n <= 3) {
            $('fieldset').append("<div>Question1</div>");
        }
        if (n <= 5) {
            $('fieldset').append("<div>Question2</div>");
        }
    });
});

```