title: How to change Image & content using JavaScript?
body: <p>I just have an HTML page with an image &amp; Content.</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
  &lt;td height="240" valign="top" colspan="3"&gt;
  &lt;img id="image" class="newsimage" src="D:/Search/images/search.jpg" alt="search" height="120" width="50%"/&gt;
  &lt;div class="imageContect"&gt;image Content&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Below it I have 2 links of previous &amp; next.</p>
  
  <pre><code>&lt;a href="#" onclick=""&gt;Previous&lt;/a&gt;
  &lt;a href="#" onclick=""&gt;Next&lt;/a&gt;
  </code></pre>
  
  <p>I want to change image of "image" id &amp; content of "imageContent" id using AJAX (javaScript).</p>
  
  <p>What are the Steps I should follow ?</p>