jQuery check uncheck all checkboxes

HTML

<form action="{{path('deleteAll')}}" >
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
    
    <fieldset>
      
        <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 1</label></p>
        <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 2</label></p>
        <p><label><input type="checkbox" name="item" value="{{entity.id}}" /> Option 3</label></p>
        <p><label><input type="checkbox" name="item"  value="{{entity.id}}"/> Option 4</label></p>
    </fieldset>
    <br>
</form>

JavaScript

$("#checkAll").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});