I am building a calculator. I want to add a click event to some of the columns using jQuery. I have looked at the other threads but did not find a solution. Also, I am using Codepen.

```js
$(document).ready()
{
  $(".buttons-display").click(function() {
    console.log("You just clicked a button!"); //Not Working
  });
}
```

```css
.row {
  border-color: black;
  border-style: solid;
  width: 25%;
  margin: auto;
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: black;
  border-style: solid;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="contanier-fluid">
  <div class="container">
    <div class="row" id="display-one"></div>
    <div class="row" id="display-two"></div>
    <div class="row">
      <div class="col-md-3 buttons">C</div>
      <div class="col-md-3 buttons">CE</div>
      <div class="col-md-3 buttons buttons-display">(</div>
      <div class="col-md-3 buttons buttons-display">)</div>
    </div>
  </div>
</div>
```