How to load json with focus event? : I have basic event with `focus` as below:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    (document).on("focus", '#checkin,#checkout', function() {
      $.getJSON('data.json', function(data) {
        //load here...
      });
    });

<!-- end snippet -->

and I want to load my json data, actually code is work as expect when I focus on my input .json data has been loading but I see result if I focus on my input twice..

how can I load my json data when I focus my input once ?

[Plunker Demo With Full Project](http://plnkr.co/edit/KPUPjzKG0sooF2WZIc6h?p=preview)