I am trying to delete/remove the closest ".step" on ".delete" button click. So as it delete the .step above the .delete button.

```
 <div class="step"></div>
 <div class="new"></div>
 <div class="delete"></div>

<div class="step"></div>
 <div class="new"></div>
 <div class="delete"></div>

<div class="step"></div>
 <div class="new"></div>
 <div class="delete"></div>

```

Here is my jQuery: 

```
   $('.delete').click(function(){
       $(this).find('div.step').remove();    
     });

```

How should I grub this step? Thank you for your help!