Не работает show - hide
 

Здравствуйте.
Сразу скажу что я новичок, прошу больно не пинать.

Проблема такая что код вообще не работает.

Подключаю библиотеку

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

Затем устанавливаю event

<script language="javascript" type="text/javascript">
$(document).ready(function() {
        $("button").click(function () {
	       $("p").hide("slow");
        });
});
    </script>

А вот HTML код:

<div id="info" style="margin:15px 0 0 5px;color:white;font-size:15px"><img src="images/info.png" /> <button>Informacja</button><br />
<p>Hello,WOrld!</p>
</div>

Подскажите что не так делаю.
Заранее спасибо

так работает же http://codepen.io/anon/pen/jepEd

Если вам нужен еще и show - используйте toggle