let's take this image:

1. 
   
2. <li class="mix shoulders check1 radio1 option1"><img src="images/exercises/shoulders/Single-Arm Linear Jammer.jpg" alt="Image 1"></li>

1. $(function(){
2.      /* elements is a name that preceding the selectors.
3. get all img tags found inside li tags and fire the function.
4. Then bind to the elem-msg div (which is inside the info_box) the elemText value.
5. */
6.   $('.elements li img').click(function(){
7.   $('.body-inactive').show();
8.   $('.info_box').fadeIn(2000); // The info_box hidden using the css, this line of js is telling that, if the img is being clicked, the info_box should be visible(fadeIn) with a transition of 2000ms.
9.         elemText = $(this).attr('data-text');
10.         elemSrc = $(this).attr('src'); //Getting the img src (to be viewed in the info_box).
11.         $('.info_box .exercise_img').attr('src',elemSrc); // get the value (image) of the src tag that the function gets from the html code.
12.         //elemId = $(this).attr('id');
13.         $('.info_box .elem-msg').html(elemText); 
14.         //$('.info_box input[type="hidden"]').attr('id',elemId);
15.       })
16.     })
17.     </script>

Now - I want to get the image given by this function , and pass it to a function , so I could show the image in another div. How do I do that?