Вывод значения кнопки в текстовое поле

Есть две кнопки со своим значением и текстовое поле. Как в поле отобразить value из кнопки на экране? Код ниже почему-то не работает:

 <button type="button" class="button_style" value="1" name="one">1</button>
    <button type="button" class="button_style" value="2" name="two">2</button>

    <input type="text" id="result" name="result" class="result" /><br />

    <script type="text/javascript">
    $(document).ready(function(){
            var but_val = '';
            $(".button_style").click(function(){
                but_val += $(this).val();
                $("#result").val(but_val);
            });
        });

</script>