title: Loading Corresponding HTML page of the image
body: <p>I have the set of images in the drop down list when I select an image from it the corresponding image is getting loaded.</p>
  
  <p>My problem is if I click over the image it has to take me to the corresponding HTML page of the image. I am performing it in jQuery. I have represented the code below and you can also refer this link  <a href="http://www.olivepropertyglobalsolutions.com/" rel="nofollow">http://www.olivepropertyglobalsolutions.com/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class = "right"&gt;
    &lt;h4 class = "heading"&gt; Browse Listings &lt;/h4&gt;
    &lt;select style = "margin-top: 55px; margin-left: 18px;" name="image" id="image1" class="inputbox" size="1"&gt;
      &lt;option value=""&gt; - Select - &lt;/option&gt;
      &lt;option value="thumbs/3.jpg" &gt;Farm Lands&lt;/option&gt;
      &lt;option value="thumbs/1.jpg" alt = "flat.html"&gt;Flats&lt;/option&gt;
      &lt;option value="thumbs/2.jpg" alt = "house.html"&gt;Houses&lt;/option&gt;
      &lt;option value="thumbs/4.jpg" alt = "vacant.html"&gt;Vacant Lands&lt;/option&gt;
      &lt;option value="thumbs/5.jpg" alt = "villa.html"&gt;Villas&lt;/option&gt;
    &lt;/select&gt;
    &lt;div style = "margin-left: 14px;"&gt;
      &lt;a id="imagePreview" href = ""&gt; &lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQUERY:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $("#image1").change(function() {
        $("#imagePreview").empty();
        if ( $("#image1").val()!="" ) {
          $("#imagePreview").append("&lt;img src=\"" + $("#image1").val()  + "\" /&gt;");
        } else {
          $("#imagePreview").append("");
        }
      });
    });
  &lt;/script&gt;
  </code></pre>