getting user geocoordinates in single HTML file, not in ionic/angularjs (android)

I am using this snippet to get user's lat/long coordinates. Works fine on a single stand-alone html page. But when I try to integrate code within my ionic app, geocoordinates fail to display. I do have my <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> set in my AndroidManifest.xml and I had installed cordova plugin add org.apache.cordova.geolocation. Thanks for your help.

controller.js

  window.onload = function () {
            document.addEventListener("deviceready", init, false); 
        }
        function init () {
            navigator.geolocation.getCurrentPosition (positionSuccess, positionError);
        }

        function positionSuccess (position) {
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;
            document.getElementById("lat").innerHTML = latitude;
            document.getElementById("long").innerHTML = longitude;
        }

        function positionError (error) {
            alert (error.message);
        };
        alert("hello")

html:

    <div>
        latitude: <span id ="lat"></span>
        longitude: <span id ="long"></span>
    </div>