jQuery, using .find on parent function?
<p>I have the following jQuery script...</p>

<pre><code>$(function() {
    $('.eventWrapper').bind('click', function(event) {

        var srvName = $(this).data('service');
        var srvVal1 = $(this).data('serviceval');

        if (srvName == 'livestream')
        {
            var query = 'http://x'+srvVal1+'x.api.channel.livestream.com/2.0/livestatus.json?callback=?';
            $.getJSON(query, function(data)
            {
                if (data['channel']['isLive'])
                {
                    $(this).find('.eventTime').html('&lt;b&gt;Currently Live&lt;/b&gt; ('+data['channel']['currentViewerCount']+' viewers)');
                }
            });
        }
    });
});
</code></pre>

<p>Its being run on the following code:</p>

<pre><code>&lt;div class="eventWrapper" data-service="livestream" data-serviceval="srklive"&gt;
    &lt;div class="eventIcon"&gt;&lt;a href=""&gt;&lt;img src="image.php?u=3942"&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="eventName"&gt;&lt;a href=""&gt;This is a test!&lt;/a&gt;&lt;/div&gt;
    &lt;div class="eventTime"&gt;09-02-2011 08:00 PM&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Its pretty self explanatory... it binds to the class .eventWrapper. When someone clicks anywhere in the div, it checks the data. If the data matches, it extracts a JSON query. This so far works perfectly fine.</p>

<p>The issue now is how to replace the text inside of the .eventTime class with what its supposed to. Obviously, I cant use $(this) because that relates to the existing getJSON function, not the bind function. How would I do this properly?</p>

<p>Also, how do I get the event to activate on page load, instead of on click?</p>
