체크박스 선택하면 비활성화되있던 버튼이 활성화되는걸 만들고싶습니다.
제이쿼리에 대한 기본이해없이 구글링하려니까 잘안됩니다 ㅜ
잘못된부분좀 잡아주세요
 <div class="container">
      <ul class="list-group">
        <li class="list-group-item">
          <h4>1.설명이 촤르르</h4>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" id="agree" />
            <label class="form-check-label" for="agree">
              동의하냥
            </label>
          </div>
          <button
            type="button"
            class="btn btn-danger delete"
            id="next"
            disabled
          >
            NETX
          </button>
        </li>
      </ul>
    </div>
    <script type="text/javascript">
      $(".agree").click(function () {
        var chk = $("#agree").prop("checked");
if(chk == checked)      
  $(".next").attr("disabled", false);
      else
$(".next").attr("disabled", true);
 
      });
    </script>