ボタンのテキストが変更されない

Question

私のJSPフォームページでは、フォームの記入時にテキストボタンを変更することを試みています。 は、ここに私のjavascript

(function() { 
        $('form>input').keyup(function() { 

         var empty = false; 
         $('form>input').each(function() { 
          if ($(this).val() == '') { 
           empty = true; 
          } 
         }); 

         if (empty) { 
          $('#save_btn').attr('value', 'Skip and Continue" />'); 
         } else { 
          $('#save_btn').attr('value','Save and Continue" />'); 
         } 
        }); 
       })() 

HTMLコードここ

 <form:form id="requestForm" method="get" name="myForm" modelAttribute="quickstartbean" ACTION="${pageContext.request.contextPath}/quickstart/questions"> 

     <form:input type="text" path="fName" value="${quickstartbean.fName}" id="fname" name="fname" /> 

     <input type="submit" value="Skip and Continue" id="save_btn" style="background-color: #98FB98;"></input> 
</form:form> 

されている。しかし、ボタンの値はDIVタグにクラスを追加し、テキストフィールド

Answer 1

を後に変更埋めるされていない

<form:form id="requestForm" method="get" name="myForm" modelAttribute="quickstartbean" ACTION="${pageContext.request.contextPath}/quickstart/questions"> 

<div class="textbox"> 
      <form:input type="text" path="fName" value="${quickstartbean.fName}" id="fname" name="fname" /> 
</div> 

      <input type="submit" value="Skip and Continue" id="save_btn" style="background-color: #98FB98;"></input> 
    </form:form> 

jquery code

(function() { 
        $('.textbox').keyup(function() { 

         var empty = false; 
         $('textbox').each(function() { 
          if ($(this).val() == '') { 
           empty = true; 
          } 
         }); 

         if (empty) { 
          $('#save_btn').attr('value', 'Skip and Continue'); 
         } else { 
          $('#save_btn').attr('value','Save and Continue'); 
         } 
        }); 
       })() 

ITは現在動作します