$(function () { var $data = $('#data'), $reload = $('button'), loadCount = 0; $data.on('loadData', function (e) { loadCount++; $data.html('Phew! We have ' + loadCount + ' data(s) now. That was close.'); }); // Load initial data on DOM ready. setTimeout(function () { $data.trigger('loadData'); }, 3000); $reload.click(function () { $data.trigger('loadData'); }); });
<div id="data">No data!</div> <button>Reload Data</button>