Load image into a div

Load image into a div

How can I complete this code below to make the image links show up inside the div? Also, if the div already has an image inside it, then clicking a new image link should replace the current contents of the div.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Load image into div</title>
  6. <script type="text/javascript"
  7.  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  8. <script type="text/javascript">
  9.   $(document).ready(function() {
  10.     //To do
  11.   });
  12. </script>
  13. </head>
  14. <body>
  15. <a href="picture.jpg" class="sideLoad">Link to image</a>
  16. <a href="picture1.jpg" class="sideLoad">Link to image 1</a>
  17. <a href="picture2.jpg" class="sideLoad">Link to image 2</a>
  18. <div id="imageBox">
  19. </div>
  20. </body>
  21. </html>