I'm a jquery newbie. I'm using bootstrap on my webpage and i want to show an error message on user click. 

```
        $("Btn_register").on('click', function () {
        $(".alert").alert();
    });

```

Code is working but it shows error message also when page loads. I need to hide the message and show only on click event. I tried adding;

```
    $(document).ready(function () {

      $(".alert").hide();
    });

```

But that didn't worked. Can you help me hiding the error message on page load? 

HTML code for error is:

```
    <div class="alert alert-warning">
<a href="#" class="close" data-dismiss="alert">&times;</a>
<strong>Error!</strong> A problem has been occurred while submitting your data.

```