title: Using AJAX to delete/edit items from a list
body: <p>I have a list of tickets that are being displayed using a for loop that traverses through my ViewModel.  So far I have been using Ajax.BeginForm but I want to change this so I can use JQUERY and AJAX.  How do I make it so I can access the correct values from JQUERY.  I know it has something to do with the naming schema but can't remember how to do it (havent done it since I took my web development class a while ago).  Below is the code for my table/ticket list output.  </p>
  
  <pre><code>@foreach (var ticket in Model.ticket)
          {
                  &lt;tr class="viewTickTr"&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="ticketId"&gt;@ticket.id&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="dateCreated"&gt;@ticket.dateCreated&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="supportStaffId"&gt;@ticket.supportStaffID&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="empId"&gt;@ticket.empId&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;&lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="categoryId"&gt;@ticket.categoryId&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="severityId"&gt;@ticket.severityId&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;label id="statusId"&gt;@ticket.statusId&lt;/label&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;input type="button" value="Edit" class="ticketEditButt" /&gt;
                      &lt;/td&gt;
                      &lt;td class="viewTickTd"&gt;
                          &lt;input type="button" value="Delete" class="ticketDeleteButt" id="deleteTickBtn" /&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
          }
  </code></pre>