I am trying to do a simple `.hide()` with jQuery but it's not working for some reason. I tried it with jsfiddle (<http://jsfiddle.net/j0a2zbyb/1/>) but it didn't work. Any help would be appreciated.

HTML code

```
    <script>
        $(document).ready(function(e){
            e.preventDefault();
            $(".error").hide();

        });
    </script>

```

CSS code

```
.error{
width: 300px;
height: auto;
background-color: #FF6C6C;
border: solid 2px #000;
}

```