Create your jQuery le. Please create your jQuery le, name it as meme.js. Please remember the extension should be .js. And then add the following parts to your jQuery le.

2.1 Create a $(document).ready(function(){});

$(document).ready(function(){ });

2.2 Create a keyup event handler for #top-text element inside the function of $document.

attach a keyup() event handler to the #top-text input so that it can respond to when a user types a key.

Inside the keyup event handler, get the text entered into the #top-text input using .val().

Then set it as the text of using .text().

2 2.3 Create a keyup event handler for #bottom-text element inside the function of $document.

attach a keyup() event handler to the #bottom-text input so that it can respond to when a user types a key.

Inside the keyup event handler, get the text entered into the #bottom-text input using .val().

Then set it as the text of using .text().

2.4 Create a keyup event handler for #image-url element inside the function of $document.

attach a keyup() event handler to the #image-url input so that it can respond to when a user types a key.

Inside the keyup event handler, get the text entered into the #image-url input using .val().

Then set it as the src attribute of the element using .attr().

2.5 Create a fadeTo action for element inside the function of $document.

attach a hover() event handler to the image.

Inside the hover event handler, please add two functions as the input arguments.

The rst function fade the image slowly to opacity 0.2 when the mouse hover over the image.

The second function fade the image slowly back to opacity 1 when the mouse hover away from the image.