javascript - クエリでイベントを実行した後の予期しない識別子

Question

こんにちは、ID を使用して jquery でテキストボックス入力を取得する際に問題があります。これが私のコードです。

<script type="text/javascript">

            var globalBase_Url = "{$base_url}"; //OK NO ERROR   
            var name = "";
            var desc = "";

            {literal}

                $(document).ready(function(){

                    $('#add_cat').on('click',function(){
                        $('#add_category').show('slide');
                    });

                    $('#submit').on('click',function(){

                        jquery.ajax({ 

                            var name = $('#category_name').val(); //this is the error
                            var desc = $('#description').val(); // this is the error

                        });

                    });

                });

            {/literal}


        </script>

....

<div id="add_category" style="display: none">
            <br />
            <table border="1">
                <tr>
                    <td>CATEGORY NAME: </td>
                    <td><input type="text" name="category_name" id="category_name" value="" /></td>
                </tr>
                <tr>
                    <td>DESCRIPTION: </td>
                    <td>
                        <textarea name="description" cols="30" rows="5" id="description"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="button" id="submit" value="ADD" />
                    </td>
                </tr>
            </table>
    </div>

あなたが上で見たように。私のエラーは変数です。どうしてか分かりません。みんなありがとう助けてください。