jQuery Mobile Form не отправляется после события изменения

Question

Я делаю JQuery Mobile Application с одной формой. Я нахожу текст в текстовом поле и переименовываю кнопку отправки с новым именем после полного ввода текста. Форма не отправляется с первого press.Its только представление, во второй раз я нажимаю отправить button.But мне нужно отправить форму на первом press.Tested из моего Android Mobile.Here это код,

 <div id="pg_send-sms" data-role="page" data-add-back-btn="true"> 
     <form name="frm_send-sms" id="frm_send-sms" action="" method="post"> 
      <div data-role="header" data-position="fixed" data-theme='b'> 
       <h1 id='send-sms-header'></h1> 
       <a href="#pg_home" data-icon="home">Home</a> 
       <a href="" data-role='button' id="history_redirect" data-icon="grid">History</a> 
      </div> 
      <div data-role="content" id="pg_send-sms_content" class='center-wrapper'> 
       <div data-role="fieldcontain"> 
       <label for="txt_msg_box" style="text-align: left;">Message</label> 
       <textarea name="txt_msg_box" class="txt_msg_box" id="txt_msg_box" placeholder="Type your message"></textarea> 
       </div> 
       <div data-role="fieldcontain"> 
        <input type="submit" name="btn_send_submit" id="btn_send_submit" value="Send" data-theme='b' /> 
       </div> 
      </div> 
      <div data-role="footer" data-position="fixed" data-theme='b'> 
       <h1 id="send-sms-footer"></h1> 
      </div> 
     </form> 
    </div> 

    sendsms.js 
    $("#pg_send-sms").on("pagecreate", function(event) { 

     $('.txt_msg_box').change(changebuttonText); 
    }); 

    function changebuttonText() { 

     $('#btn_send_submit').val("Message"); 
     $('#btn_send_submit').button("refresh"); 
    } 
    $("#btn_send_submit").click(function(e){ 
      alert('button clicked'); 
      return false; 
    }); 

jsfiddle demo

Answer 1

Просто Wrapp код внутри .ready(function(){}) doc here

$(document).ready(function() { 
    $("#btn_send_submit").click(function(e){ 
     if($("#btn_send_submit").val("send")){ 
     $('#btn_send_submit').val("Message"); 
     $('#btn_send_submit').button("refresh"); 
     alert("im in") 
     } 
     return false; 
     }); 
    }); 

Тест этот код на свой собственный, или в JFiddle, на участке FrameWork and Extension, выберите из <no wrap - in 'body'> в <onLoad> вариант, также я стараюсь очистить немного кода, удалите функцию и заменить на if statement