how to refresh the div tag using jquery when click on image present in another div tag

how to refresh the div tag using jquery when click on image present in
another div tag

Here is the code in which the two div tags are placed "the main div tag":
<div id="main">
This is the left div tag in which images are retrieved from database:
<div id="left_panel" style="padding-left: 5px;border: 3px solid #ffffff">
<table cellpadding="0" width="400" cellspacing="0" width="80" >
<td style="border:4px;">
<?php
echo '<a href=""><img
src="images/'.$Booktrip->getimage().'" width="90px"
height="100px" style="border:2px solid #f1f2f5" ></a>';
}
?>
</td>
When I click on the image placed in the above div it should show the
details in the below div tag:
<div class="wrapper_content_1" style="overflow: hidden; margin-right:
192px;">
To do this I need to write some jQuery but I'm new to jQuery so am posting
this question. So help me to fix this.