jQuery: creating a custom event 
<p>I'm supposed to create a custom event triggered on page load that adds a class 'green' to the div with the id #myElementId.  This is my attempt at the code but I'm getting an error message saying that I have to add the class green. Can you tell me what I'm doing wrong?</p>

<pre><code>$(document).ready(function(){

 $('#myElementId').bind('ready', function() {
      $(this).addClass('green');
    });
});
</code></pre>

<p>HTML</p>

<pre><code>&lt;body&gt;
&lt;div id="myElementId"&gt;&lt;/div&gt;

&lt;/body&gt;
</code></pre>

<p>Update</p>

<p>This is taken from a codecademy lesson that's supposed to teach me how to create a custom event that adds a class on page load, so even though there are other simpler solutions, I'm trying to solve it the way the lesson intended.</p>

<p>this is the hint they gave</p>

<pre><code>$("#myElementId").on("myCustomEvent", function(event) {
});
</code></pre>
