title: JavaScript function is not triggering
body: <p>I have html/kendo ui mobile as follows:</p>
  
  <pre><code>&lt;li&gt;&lt;a data-action="initContactView" data-click="initContactView"&gt;Contacts&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>then javascript:</p>
  
  <pre><code>function initContactView() {
      alert('before');
      var txtSearch = document.getElementById('searchTextField');
      $.ajax({
          type: "GET",
          data: =  "txtSearch='" + txtSearch +"'",
          contentType: "application/json; charset=utf-8",
          url: "http://xot-wsdl.compx.net/mobile.asmx/ContactGet",
          dataType: "json",
          success: successContact,
      });
      alert('after');
  }
  </code></pre>
  
  <p>the function <code>successContact</code> is just putting it all in list view.<br>
  My problem is when I take out all the code in JavaScript function the alert works fine, as soon as I put all the other code back, nothing happens when I trigger the button.</p>
  
  <p>What the JavaScript code should do is to connect to my web service and retrieve data.</p>
  
  <p>Any help?</p>