title: Worklight - jQuery mobile onclick() not working
body: <p>I am developing an application using <em>Worklight Studio 6.1</em>
  My problem is when I click the button in the html page, it does nothing.</p>
  
  <p>The following is my Code:</p>
  
  <p>SelectPosition.html</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;title&gt;Select Position&lt;/title&gt;
      &lt;meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"&gt;
      &lt;link href="../jqueryMobile/jquery.mobile-1.4.2.min.css" rel="stylesheet"&gt;
      &lt;link href="../jqueryMobile/jquery.mobile.theme-1.4.2.min.css" rel="stylesheet"&gt;
      &lt;script src="../jqueryMobile/jquery.mobile-1.4.2.js"&gt;&lt;/script&gt;
      &lt;script src="../js/controllers/SelectPositionController.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;a href="#" data-role="button" id="confirmBtn" onclick="confirmClick()"&gt;Confirm&lt;/a&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>SelectPositionController.js</p>
  
  <pre><code>function confirmClick() {
      alert("I am an alert box!");
  }
  </code></pre>
  
  <p>Thank you for all suggestion and solutions.</p>
  
  <p>Ps. My html file is located in <em>"apps/Insurance/common/views/SelectPosition.html"</em> 
  and my js file is located in <em>"apps/Insurance/common/js/controllers/SelectPositionController.js"</em></p>
  
  <p><strong>[EDIT]</strong></p>
  
  <p>I merge all my .html files into main.html file and everything is OK. Thank you for all solutions ;)</p>