# Modifying HTML Lab

## Objectives

* Load jQuery in HTML file
* Use jQuery to manipulate HTML

## Instructions

Everyone loves a good gif of puppies and kids doing funny things, so let's use jQuery to make sure we have a good one on our page.

We'll be coding our solution in `html/index.html`.

* Load jQuery in `index.html` using the following URL `http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js` **Remember**, load scripts at the bottom of the `body`.
* Before the closing body tag, use jQuery to append this gif (<https://s3.amazonaws.com/learn-verified/painting-with-dog.gif>) to the `div` with the `id` `image`. (Check out the resource below if you need a hint!)

[![Kid painting with dog's tail](https://camo.githubusercontent.com/12186c5d226ad58e7dc81b3986d6ee522be263fc/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6c6561726e2d76657269666965642f7061696e74696e672d776974682d646f672e676966)](https://camo.githubusercontent.com/12186c5d226ad58e7dc81b3986d6ee522be263fc/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6c6561726e2d76657269666965642f7061696e74696e672d776974682d646f672e676966)

## Resources

* [Stack Overflow](http://stackoverflow.com/questions/941206/jquery-add-image-inside-of-div-tag)

Clone:  <https://github.com/learn-co-curriculum/js-dom-and-events-modifying-html-lab>