Не отрабатывает JQuery $('#b1').show("slow") внутри функции

Формулировка задачи:

Совсем новичок в Java. Пробую показать кнопки по клику на другую кнопку с помощью $('#b1').show("slow") Если просто скрипт в тегах <script> тогда срабатывает и показывает кнопки если пробую обернуть $('#b1').show("slow") функцией и вызывать по onclick почему-то $('#b1').show("slow") не работает. Подскажите пожалуйста как сделать чтобы $('#b1').show("slow") работали внутри функции?

<html>
<head>
<title>JQuery</title>
<meta charset="utf-8">
    <script type='text/javascript' language="javascript" src='jquery.js'></script>
</head>
<style>.btn { float: left; margin-left:5px; display:none; } </style>
<body>
<form method="post">
    <input type=submit name="button1 "value="be" class="btn" id="b1">
    <input type=submit name="button2 "value="beat" class="btn" id="b2">
    <input type=submit name="button3 "value="become" class="btn" id="b3">
    <input type=submit name="button_ctrl"value=">" onclick="btn_up()">
</form> 
<script> function btn_up() { $('#b1').show("slow"); $('#b2').show("slow"); $('#b3').show("slow"); } </script>
</body>
</html>

Решение задачи: «Не отрабатывает JQuery $('#b1').show("slow") внутри функции»

textual
                            Листинг программы 
                        

                            <script> 
    $('#b1').show("slow"); 
    $('#b2').show("slow"); 
    $('#b3').show("slow"); 
</script>
                        