title: How to call the event of one element in another element in JQuery
body: <p>Here I have some CSS buttons over an image.  Basically what is happening now is when I click on the image, the image is zooming onto one position. Now I need the same. The CSS buttons are in a different position on the image.  Now when I click the buttons over the image, it should zoom onto that portion of the image.</p>
  
  <p>I also want the same to happen onclick on another div.</p>
  
  <p>Here is my code..</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
              $('#ex4').zoom({ on:'toggle',duration: 500 });
              $('.frame').css('width','100%');
                      $('#f1').zoom({ on:'toggle',duration: 500 });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>In the above code, I have a element that has <code>id="ex4"</code> and an image. When I click on the ex4 element the image zooms up.  Similarly, when I click the #f1, the image in ex4 should zoom up.  How can I do this?</p>