<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>
<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/courses/jquery-ext/projects/jquery-prj_bonsai
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
The Captions work fine but I am having trouble changing the image. Can someone help me with this last step? My image is not changing.
```var main = function() {
('#top-text').keyup(function() {
var top = (this).val();
('.top-caption').text(top);
});
(’#bottom-text’).keyup(function() {
var bottom = (this).val();
(’.bottom-caption’).text(bottom);
});
('#image-url').keyup(function() {
var url = (this).val();
$(’.img’).attr(‘src’,url);
});
};
$(document).ready(main);
<do not remove the three backticks above>
https://www.codecademy.com/courses/jquery-ext/projects/jquery-prj_bonsai