<div data-role="view" data-title="View" data-layout="main-nonav" data-model="app.addPet" data-show="app.addPet.onShow" data-after-show="app.addPet.afterShow"
    id="addPetScreen" class="screen">
    <div id="addPetModel" class="form-view screen__content screen__content--form add-item-view">
        <ul data-role="listview" data-style="inset">
        <form>
            <ul class="form-content" data-role="listview" data-style="inset">
                <li class="form-content-item"> <label for="petType">Pet Type:</label> <select id="petType" data-bind="value: addPetModel.petType">
               <option value="Type1">Dog</option>
               <option value="Type2">Cat</option>
            </select> </li>
                <li class="form-content-item">
                    <label for="petNickName">Pet Nick Name:</label>
                    <input id="petNickName" data-bind="value: addPetModel.petNickName" type="text" required>
                </li>
                <li class="form-content-item"> <label for="petFullName">Pet Full Name:</label> <input id="petFullName" data-bind="value: addPetModel.petFullName"
                        type="text" required> </li>
                <li class="form-content-item"> <label for="petDateOfBirth">Date of Birth:</label> <input id="petDateOfBirth" data-bind="value: addPetModel.petDateOfBirth"
                        type="date" required> </li>


                <li class="form-content-item"> <label for="petWeight">Pet Weight:</label> <input id="petWeight" data-bind="value: addPetModel.petWeight"
                        type="text" required> </li>


                <li class="form-content-item"> <label for="petSex">Pet Sex:</label> <select id="petSex" data-bind="value: addPetModel.petSex">
               <option value="Male">Male</option>
               <option value="Female">Female</option>
            </select> </li>
            <li>
                    <label>
                        <input type="checkbox" id="neutered" align="left" checked="checked">
                        Neutered
                    </label>
                </li>
            </ul>
            <div class="button-group">
                <a class="primary" data-role="button" data-bind="events: { click: addPetModel.submit }, buttonText: strings.addPet.addPetModel.submitButton"></a>
            </div> <span class="errorMessage" data-bind="text: addPetModel.errorMessage"></span> </form></ui>
    </div>
    <header data-role="header">
        <div data-role="navbar" class="header-text"> <span data-bind="text: strings.addPet.title"></span>
            <a data-role="backbutton" data-align="left" data-icon="back-button"
                Style="background-color: #1DA1F2"></a>
    </header>
    </div>

'use strict';

app.addPet = kendo.observable({
    onShow: function () { },
    afterShow: function () { }
});
app.localization.registerView('addPet');

var petType = '';
var petNickName = '';
var petFullName = '';
var petDateOfBirth = '';
var petWeight = '';
var petSex = '';
var neutered ='';

(function (parent) {
    var addPetModel = kendo.observable({
        validateData: function (data) {
            var model = addPetModel;
            return true;
        },
        submit: function () {
            var model = addPetModel;
            ownerEmail = window.localStorage.getItem("Email");
            petType = model.petType;
            petNickName = model.petNickName;
            petFullName = model.petFullName;
            petDateOfBirth = model.petDateOfBirth;
            petWeight = model.petWeight;
            neutered = $('#neutered').is(':checked');
            petSex = model.petSex;
            ownerEmail = window.localStorage.getItem("Email");
            var actCode = window.localStorage.getItem("ActivationCode");
            petDateOfBirth = kendo.toString(petDateOfBirth, "MM/dd/yyyy");

            if (!model.validateData(model)) {
                alert('Please enter all required Fields.');
                return false;
            }
            var addPetURL = app.data.petProfile.url + '?mpt=' + petType + '&mpn=' + petNickName + '&mpf=' + petFullName + '&mpd=' + petDateOfBirth + '&mpw=' + petWeight + '&mpe=' + neutered + '&mps=' + petSex + '&mpi=' + null + '&mem=' + ownerEmail + '&mac=' + actCode;
            alert(addPetURL);

            $.ajax({
                type: "GET",
                url: addPetURL,
                success: function (result) {
                    var resultObject = JSON.parse(result);
                    if (resultObject.wtSuccess) {
                        alert('Owner Profile data saved Successfully.');
                        app.mobileApp.navigate('components/myPets/view.html');
                    } else {
                        alert('Failed ' + resultObject.wtError.wtErrMsg);
                        model.set('errorMessage', resultObject.wtError.wtErrMsg);
                        app.mobileApp.navigate('components/addPet/view.html');
                    }
                }
            });

        },
        cancel: function () { }
    });




    parent.set('onShow', function _onShow() {
    });

    parent.set('addPetModel', addPetModel);
})(app.addPet);

<div data-role="view" data-title="My Pet"  data-layout="main" data-model="app.myPetView" data-show="app.myPetView.onShow" data-after-show="app.myPetView.afterShow" >
     <header data-role="header">
        <div data-role="navbar">
          <a data-role="button" href="#appDrawer" data-rel="drawer" data-align="left" data-icon="drawer-button"></a>
          <span data-role="view-title"></span>
          <a class="nav-button" data-align="right" data-icon="refresh" data-role="button" onclick="Refresh()"></a>
          <a class="nav-button" data-align="right" data-icon="add" data-role="button" href="components/addPet/view.html"></a>
        </div>
      </header>
        <a>
        <ul data-role="listview" data-style="inset" data-template="myPetViewModelTemplate" data-bind="{ source: myPetViewModel.dataSource}" data-pull-to-refresh="false" data-endless-scroll="false">
        </ul> </a>


    <script type="text/x-kendo-template" id="myPetViewModelTemplate">
            <a href="components/editPet/view.html?petID=#:data['petID']#&petFullName=#:data['petFullName']#&petNickName=#:data['petNickName']#&petSex=#:data['petSex']#&petDOB=#:data['petDOB']#" >
            <div id="lostfoundPet" class="image-with-text">
                <p><img Style="width:80px; height:80px; border-radius: 50%;" src= " #: window.localStorage.getItem("smallImage_src") #"></p>
                </BR><p>#: data['petNickName'] #</p></BR>
            </div></br>
            <hr>
            </a>
        </script>
    </div>

MyPets : index.js

app.myPetView = kendo.observable({
                                    onShow: function () {
                                        //read();
                                    },
                                    afterShow: function () {
                                    }
                                });

// START_CUSTOM_CODE_myPetView
// END_CUSTOM_CODE_myPetView
(function (parent) {
    var dataProvider = app.data.defaultProvider;
    var ownerEmail = window.localStorage.getItem("Email");
    var actCode = window.localStorage.getItem("ActivationCode");
    var ownerpetsURL = "http://dev.mywaggintales.com/pets/d_ownerpets.php?mem=" + ownerEmail + "&mpa=abcd1234&mac=" + actCode;

    //alert(ownerpetsURL);

    var dataProvider = app.data.defaultProvider,
        flattenLocationProperties = function (dataItem) {
            var propName, propValue,
                isLocation = function (value) {
                    return propValue && typeof propValue === 'object' &&
                                               propValue.longitude && propValue.latitude;
                };

            for (propName in dataItem) {
                if (dataItem.hasOwnProperty(propName)) {
                    propValue = dataItem[propName];
                    if (isLocation(propValue)) {
                        dataItem[propName] =
                        kendo.format('Latitude: {0}, Longitude: {1}',
                                     propValue.latitude, propValue.longitude);
                    }
                }
            }
        },
        dataSourceOptions = {
            transport: {
                read: function (options) {
                    $.ajax({
                               type: "GET",
                               url: ownerpetsURL,
                               success: function (data) {
                                   var result = JSON.parse(data);
                                   //alert(result.wtError);

                                   if(result.wtError == undefined)
                                   {
                                       var lostPets = result.ds_ownerPets[1];
                                       //alert(lostPets.length);
                                       options.success(lostPets);
                                   }
                                   else
                                   {
                                       app.mobileApp.navigate('components/addPet/view.html');
                                   }

                               },
                               error: function(err) {
                                   alert("Error reading the data");
                                   options.error(err);
                               }
                           });
                }
            },

            change: function (e) {
                var data = this.data();
                for (var i = 0; i < data.length; i++) {
                    var dataItem = data[i];

                    flattenLocationProperties(dataItem);
                }
            },
            schema: {
                model: {
                        fields: {
                                'Text': {
                                            field: 'Text',
                                            defaultValue: ''
                                        },
                            },
                        icon: function () {
                            var i = 'globe';
                            return kendo.format('km-icon km-{0}', i);
                        }
                    }
            },
        },
        dataSource = new kendo.data.DataSource(dataSourceOptions),
        myPetViewModel = kendo.observable({
                                             dataSource: dataSource
                                         });


    parent.set('myPetViewModel', myPetViewModel);
})(app.myPetView);


 function appInit(options)
{
                alert('Test..');
                var dataProvider = app.data.defaultProvider;
    var ownerEmail = window.localStorage.getItem("Email");
    var actCode = window.localStorage.getItem("ActivationCode");
    var ownerpetsURL = "http://dev.mywaggintales.com/pets/d_ownerpets.php?mem=" + ownerEmail + "&mpa=abcd1234&mac=" + actCode;
                $.ajax({
                            type: "GET",
                            url: ownerpetsURL,
                            success: function (data) {
                                var result = JSON.parse(data);
                                //alert(result.wtError);

                                if(result.wtError == undefined)
                                {
                                    var lostPets = result.ds_ownerPets[1];
                                    //alert(lostPets.length);
                                    options.success(lostPets);
                                }
                                else
                                {
                                    app.mobileApp.navigate('components/addPet/view.html');
                                }

                            },
                            error: function(err) {
                                alert("Error reading the data");
                                options.error(err);
                            }
                    });
  }