sto studiando cordova
vorrei modificare un DIV al click di un pulsante
purtroppo il mio codice non ne vuole sapere di funzionare

codice:
var app = {


    initialize: function () {
        this.bindEvents();
    },


    bindEvents: function () {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },


    onDeviceReady: function () {


    
            var info = $('#info'),
                icon = $('#icon'),
                result;


                info.html('could not load weather');
                return;
            }
};


app.initialize();
codice:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <title>Weather</title>
  </head>
  <body>
    <div class="app">
      <img src="" id="icon">
      <div id="info">Loading...</div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </body>
</html>