jquery - emi で表される各要素の値を変更します

Question

ここに私のHTMLスニペットがあります

 <td id = "bank2.loan1">
 <form:input path="bankDetails[1].EMIofRunningLoan1" size = "12" id = "bankDetails1_EMIofRunningLoan1" cssClass = "emi"/>
 </td>
 <th id = "bank2.loanText2">
 Running&nbsp;Loan&nbsp;2
 </th>
 <td id = "bank2.loan2">
 <form:input path="bankDetails[1].EMIofRunningLoan2" size = "12" id = "bankDetails1_EMIofRunningLoan2" cssClass = "emi"/>
 </td>
 <th id = "bank2.loanText3">
 Running&nbsp;Loan&nbsp;3
 </th>
 <td id = "bank2.loan3">
 <form:input path="bankDetails[1].EMIofRunningLoan3" size = "12" id = "bankDetails1_EMIofRunningLoan3" cssClass = "emi"/>
 </td>
 <th id = "bank2.loanText4">
 Running&nbsp;Loan&nbsp;4
 </th>
 <td id = "bank2.loan4">
 <form:input path="bankDetails[1].EMIofRunningLoan4" size = "12" id = "bankDetails1_EMIofRunningLoan4" cssClass = "emi"/>
 </td>
 </tr>
 <tr>
  <th id = "bank2.loanText5">
 Running&nbsp;Loan&nbsp;5
 </th>
 <td id = "bank2.loan5">
 <form:input path="bankDetails[1].EMIofRunningLoan5" size = "12" id = "bankDetails1_EMIofRunningLoan5" cssClass = "emi"/>
 </td>
  <th id = "bank2.loanText6">
 Running&nbsp;Loan&nbsp;6
 </th>
 <td id = "bank2.loan6">
 <form:input path="bankDetails[1].EMIofRunningLoan6" size = "12" id = "bankDetails1_EMIofRunningLoan6" cssClass = "emi"/>
 </td>
  <th id = "bank2.loanText7">
 Running&nbsp;Loan&nbsp;7
 </th>
 <td id = "bank2.loan7">
 <form:input path="bankDetails[1].EMIofRunningLoan7" size = "12" id = "bankDetails1_EMIofRunningLoan7" cssClass = "emi"/>
 </td>

class=emi を持つ各要素の値を 0.0 でリセットしたい。私のjQueryスニペットを見てください。これはうまくいかないようです。関数 resetForm() を呼び出しています。

function resetForm() {
           $('.emi').each(function() {
                $(this).val('0.0');
            });
        }