jquery - jqueryを使用して同じページのフォーム内のテーブル行を編集する方法

Question

たくさんの行を持つ標準テーブルがあります。各行に編集リンクがあります。ページの上部に、新しい行を作成するフォームがあります。私ができるようにしたいのは、任意の行で編集をクリックすると、データが編集のために上部のフォームに読み込まれることです...これまでのコードは次のとおりです。

フォーム + テーブルのインデックス:

.page-header.position-relative
  %h1
    Expenses
= link_to "Create Expense", "#", :role => "button", :class => "btn btn-small btn-primary", :'data-placement' => 'bottom', :'data-content' => "Before you can create an expense, please create a client.", :'title' => "Getting Started", "data-toggle" => "modal", :id => "create-expense"
.row-fluid{:style => "margin-top:20px; display:none;", :id => "expense-form"}
  .alert.alert-success
    = render "expense_form"
- if current_user.has_expense?
  = render "expense_table"

パーシャル (フォーム + テーブル):

= form_for(@expense, :html => { :style => "margin-bottom:0px !important;" }) do |f|
  - if @expense.errors.any?
    #error_explanation
      %h2
        = pluralize(@expense.errors.count, "error")
        prohibited this expense from being saved:
      %ul
        - @expense.errors.full_messages.each do |msg|
          %li= msg
  .form-inline
    .input-append.date
      %span.add-on
        %i.icon-calendar
      = f.text_field :date, :class => "input-small", :id => "date-picker", :required => "true", :value => simple_date_if_exists(@expense.date), :placeholder => "Expense Date"
    .input-prepend
      %span.add-on $
      = f.text_field :amount, :class => "input-small", :required => "true", :placeholder => "Amount"
    = f.text_field :category, :class => "input-small", :placeholder => "Category"
    = f.select :client_id, options_from_collection_for_select(@possible_clients, "id", "name"), {:prompt => "Choose Client"}, :class => "span2"
    = f.text_field :note, :placeholder => "Notes", :class => "input"
  .row-fluid{:style => "margin-top:20px;"}
    %label.span5
      = f.file_field :receipt, :style => "display: none;", :class => "ace-file-input", :id => "id-input-file-1"
    .pull-right
      = f.submit "Add Expense", :class => "btn btn-primary btn-small"
      = link_to "Cancel", "#", :style => "color: #333; text-decoration: none;", :class => "btn btn-small", :id => "cancel-expense"

そしてテーブル：

%table.table.table-striped.table-bordered.table-hover{:style => "margin-top:20px;"}
  %tr
    %th Date
    %th Amount
    %th Category
    %th Client
    %th Notes
    %th Receipt
    %th
  - @expenses.each do |expense|
    %tr
      %td= expense.date
      %td= number_to_currency(expense.amount)
      %td= expense.category
      %td= expense.client.try(:name)
      %td= truncate(expense.note, :length => 50)
      %td= link_to expense.receipt_file_name, expense.receipt.url, :target => "_blank" unless expense.receipt.blank?
      %td.nolink= link_to "Edit", edit_expense_path(expense)

どうすればそれを行うことができますか？