jquery - JSON - テーブル リンクからフォームに入力する

Question

私はここの端に近いので、どんな助けでも大歓迎です。データの各行をクリック可能なリンクにしようとしていますが、そのリンクは JSON データの ID になります。この背後にある考え方は、ユーザーがリンクをクリックすると、コードがアプリの別のページにフォームを入力するというものです。

Actionscript を何年も使用した後、Jquery の学習を始めたばかりですが、現時点ではうまくいきません。

JSONデータ

var data = [
{ 
    "code" : "SF700JR",
    "color" : "Orange",
    "description" : "RAL 2000",
    "finish" : "Smooth",
    "gloss" : "Satin",
    "id" : "uk1",
    "series" : "D1036"
  },
    {
    "code" : "YA602GF",
    "color" : "White",
    "description" : "RAL 9016",
    "finish" : "Smooth",
    "gloss" : "Gloss",
    "id" : "uk2",
    "series" : "D2525 SD"
  },
  { "code" : "YA604GF",
    "color" : "White",
    "description" : "RAL 9018",
    "finish" : "Smooth",
    "gloss" : "Gloss",
    "id" : "uk3",
    "series" : "D2525 SD"
  }
]

Jクエリ

  var dynatable = $('#my-final-table').dynatable({
    features: {
      paginate: false,
      recordCount: false,
      sorting: false,
      search: false
    },
    dataset: {
      records: data
    }
  }).data('dynatable');

  $(data).each(function(index, value) {
    var row_content = $('<a href="#">' + value.id + '</a>');
    value.id = row_content;
    console.log(row_content);
    $('#my-final-table tr').append('<a href="#">'+value.color+'</a>').data(value);

    $('#my-final-table tr a').on('click', function(){
      console.log("click");
    });
  });

HTML

<div class="ui-grid-solo"><p></p>
    <div class="ui-block-a">
    <table id="my-final-table" class="product-table" style="width:100%">
        <thead>
            <th class="table-heads">Description</th>
            <th class="table-heads">Code</th>
            <th class="table-heads">Series</th>
            <th class="table-heads">Color</th>
            <th class="table-heads">Gloss</th>
            <th class="table-heads">Finish</th>
            <th class="table-heads">ID</th>
        </thead>
        <tbody>
        </tbody>
    </table>
    </div>
</div>