title: Kendo UI observable value is not available in other functions
body: <p>I have bind some variables to the input fields on <code>$(document).ready</code></p>
  
  <pre><code>var appdetail = kendo.observable({
      addAppName: "TESTAPP",
      addAppId: "13579"
  
  });
  
  kendo.bind($("#formAdd"), appdetail);
  </code></pre>
  
  <p>the form is inside a modalview. When I open the modal view I can see "TESTAPP"  and "13579" as the default values. The problem is, when I click the button, I am calling a function AddRecord using data-click.. and in this function I am not able to get the values of the forms in a way like</p>
  
  <pre><code>var application_name = appdetail.get("addAppName");
  </code></pre>
  
  <p>is there a way to make the values available in other functions?</p>
  
  <hr>
  
  <p>I am adding the HTML &amp; JS code.. When click the ADD button, default values (TESTDB &amp; 13579) are not comming to my modalview window. All fields are blank. When I click the Authorize button on the dialog, TESTDB which is the default value is returning as the alert message whatever the dialog input field is. </p>
  
  <p>the current code is</p>
  
  <p><strong>Javascript :</strong></p>
  
  <pre><code>var app = new kendo.mobile.Application(document.body, {layout: "mobile-tabstrip", loading: "&lt;h1&gt;Please wait...&lt;/h1&gt;"});
  
  var appdetail = kendo.observable({
      addAppName: "TESTAPP",
      addAppId: "13579"
  });
  
  
  kendo.bind($("#formAdd"), appdetail);
  
  
  //alert(appdetail.get("addAppName"));
  
  
  
  function closeModalViewAdd() {
      $("#modalview-app-add").kendoMobileModalView("close");
  };
  
  
  function showWindow() {
    $("#modalview-app-add").data("kendoMobileModalView").open();
  
  
  }
  
  function addToJson() {
    alert(appdetail.get("addAppName"));
   // console.log(appdetail.addAppId);
  }
  </code></pre>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Kendo UI Mobile&lt;/title&gt;
              &lt;meta charset="utf-8" /&gt;
              &lt;link href="../styles/kendo.mobile.all.min.css" rel="stylesheet" /&gt;
              &lt;script src="../js/jquery.min.js"&gt;&lt;/script&gt;
              &lt;script src="../js/kendo.mobile.min.js"&gt;&lt;/script&gt;
  
          &lt;!-- Encigo Specific Page Scripts---&gt;           
              &lt;script src="../js/mytest.js"&gt;&lt;/script&gt;
  
              &lt;/head&gt;
      &lt;body&gt;
  
  
  &lt;!-- LAYOUT: default --------------------------------- start ---------------&gt;
          &lt;div data-role="layout" data-id="default"&gt;
                      &lt;header data-role="header"&gt;
                          &lt;div data-role="navbar"&gt;
                              &lt;span data-role="view-title"&gt;&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/header&gt;
  
                      &lt;footer data-role="footer" data-position="fixed"&gt;
                          &lt;div data-role="tabstrip"&gt;
                              &lt;a data-icon="globe" href="#languages"&gt;Languages&lt;/a&gt;
                              &lt;a data-icon="settings" href="#applications"&gt;Applications&lt;/a&gt;
                              &lt;a data-icon="contacts" href="#login"&gt;Login&lt;/a&gt;
  
  
                          &lt;/div&gt;
                      &lt;/footer&gt;
          &lt;/div&gt;
  
  &lt;!-- LAYOUT: default --------------------------------- finish ---------------&gt;
  
  &lt;!-- VIEW: modelview add --------------------------------- start ---------------&gt;
  
          &lt;div data-role="modalview" id="modalview-app-add" style="width: 95%;" data-show="bindNewDataVar"&gt;
  
              &lt;form id="formAdd"&gt;
                  &lt;ul data-role="listview" data-style="inset"&gt;
                      &lt;li&gt;
                          &lt;label&gt;App Name
                              &lt;input type="text" value="" id="app_name" data-bind="value: addAppName"/&gt;
                          &lt;/label&gt;
                      &lt;/li&gt;
  
                      &lt;li&gt;
                          &lt;label&gt;App Id
                              &lt;input type="number" value="" id="extapp_id" data-bind="value: addAppId"/&gt;
                          &lt;/label&gt;
                      &lt;/li&gt;
  
                  &lt;/ul&gt;
  
                      &lt;p align="center"&gt;&lt;a data-role="button" style="width: 35%" data-icon="play" align="center" id="buttonauthorize" data-click="addToJson" &gt;Authorize&lt;/a&gt;&lt;a data-role="button" style="width: 35%" data-icon="rewind" align="center"  data-click="closeModalViewAdd" id="canceldialogbutton" &gt;Cancel&lt;/a&gt;
  
                      &lt;!-- &lt;br&gt;&lt;a data-role="button"  data-icon="pause" style="width: 35%" align="left" id="resetauthorization"&gt;Reset&lt;/a&gt; --&gt;
                      &lt;/p&gt;
  
  
              &lt;/form&gt;
  
          &lt;/div&gt;
  &lt;!-- VIEW: modelview add --------------------------------- finish ---------------&gt;
  
  
  &lt;!-- VIEW: applications --------------------------------- start ---------------&gt;
  
          &lt;div id="applications" data-role="view"  data-title="Defined Applications" data-layout="default"&gt;
  
              &lt;p align="center"&gt;&lt;a  style="width: 90%" data-role="button" data-rel="modalview" onclick="showWindow()" id="AddApplication" data-icon="add"&gt;Add&lt;/a&gt;&lt;/p&gt;
  
          &lt;/div&gt;
  
  
          &lt;/div&gt;
  &lt;!-- VIEW: applications --------------------------------- finish ---------------&gt;
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>