<table class="table">
                <thead>
                <th>Item</th><th>Amount</th><th>Description</th>
                </thead>
                <tbody>

                                <tr class="edit_tr" id="3">
                    <td class="edit_td">
                        <span class="text" id="name_3">Salary</span>
                        <input type="text" value="Salary" class="editbox" id="name_input_3"/>
    </td>                    <td class="edit_td">
                        <span class="text" id="amount_3">30000.00</span>
                        <input type="text" value="30000.00" class="editbox" id="amount_input_3"/>
    </td>                    <td class="edit_td">
                        <span class="text" id="description_3">BAH Salary</span>
                        <input type="text" value="BAH Salary" class="editbox" id="description_input_3"/>
    </td>                </tr>

                </tbody>
            </table>

            <hr />

            <form method="POST" action="http://localhost/midas/budget/income" accept-charset="UTF-8"><input name="_token" type="hidden" value="XoywbavYe7kSTE9JOiAHQxQCmklObq8wYlhpVwFc">
            <div>
                    <label for="name">Name:</label>                 <input name="name" type="text" id="name">                               </div>
            <div>
                    <label for="amount">Amount:</label>                 <input name="amount" type="text" id="amount">                               </div>
            <div>
                    <label for="description">Description:</label>                   <input name="description" type="text" id="description">                             </div>
            <input type="submit" value="Submit">



            </form>        </div>
     </div>
</div>


<div class="col-xs-6">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3>Regular Expenses</h3>
        </div>
        <div class="panel-body">


            <form method="POST" action="http://localhost/midas/budget" accept-charset="UTF-8"><input name="_token" type="hidden" value="XoywbavYe7kSTE9JOiAHQxQCmklObq8wYlhpVwFc">
            <div>
                <label for="income">Monthly Income:</label>                <input name="income" type="text" id="income">                            </div>



            </form>        </div>
    </div>
</div>



      <hr>

      <footer>
        <p>&copy; Midas Money Management 2013</p>
      </footer>
    </div> <!-- /container -->
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/main.js"></script>

        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src='//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>

<script type="text/javascript">
    $(document).ready(function()
    {
        $(".edit_tr").click(function()
        {
            var ID=$(this).attr('id');
            $("#name_"+ID).hide();
            $("#amount_"+ID).hide();
            $("#description_"+ID).hide();
            $("#description_input_"+ID).show();
            $("#name_input_"+ID).show();
            $("#amount_input_"+ID).show();
        }).change(function()
        {
            var ID=$(this).attr('id');
            var name=$("#name_input_"+ID).val();
            var amount=$("#amount_input_"+ID).val();
            var description=$("#description_input_"+ID).val();
            var dataString = 'id='+ ID +'&name='+name+'&amount='+amount+'&description='+description;
            $("#name_"+ID).html('<img src="load.gif" />'); // Loading image

            if(name.length>0 && amount.length>0)
            {

                $.ajax({
                    type: "POST",
                    url: "http://localhost/midas/budget/edit-income",
                    data: dataString,
                    cache: false,
                    success: function(html)
                    {
                        $("#name_"+ID).html(name);
                        $("#amount_"+ID).html(amount);
                        $("#description_"+ID).html(description);
                    }
                });
            }
            else
            {
                alert('Enter something.');
            }

        });

// Edit input box click action
        $(".editbox").mouseup(function()
        {
            return false
        });

// Outside click action
        $(document).mouseup(function()
        {
            $(".editbox").hide();
            $(".text").show();
        });

    });
</script>