이거 왜 안될까유

    <button id="openb">로그인</button>
    <div class="black-bg">
      <div class="white-bg">
        <h4>로그인하세요</h4>
        <button class="btn btn-danger" id="close">닫기</button>
      </div>
    </div>

    <script>
     
 $('#openb').on('click',function(){
  $('.black-bg').addClass('modd')
 })
</script>


css

.modd{
    display: block;
}