Given the html fragment
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Test JQuery AppendTo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
</head>
<body>
<div id="Test1">
<p>Just some text</p>
</div>
<form name="FORMPOST" method="post" action="showform.aspx" id="FORMPOST" >
<label for="Test2">Test Label</label>
<input id="Test2" type="checkbox" />
<img src=\"add2.jpg\">
</form>
</body>
</html>
and given that the add2.jpg image is in the same directory as the html code, why does the image not display? Note that if I move the image tag node to be inside the div node, it will display :(
Note the display does not appear regardless of whether I add the img tag at design time as above, or append it using the jQuery.appendTo function when the form loads.