title: Use jquery to Append streaming video from a php page containing basically object tags. when different links for videos are clicked
body: <p>Im a newbie to jquery.
  I really require assistance with putting jquery in my code</p>
  
  <p>i have some links i.e. link1 link2 link3</p>
  
  <p>i also have a div tag <code>&lt;div class="vid"&gt;&lt;/div&gt;</code> WHICH IS WHERE THE VIDEOS OBTAINED WILL BE APPENDED.</p>
  
  <p>I have a php page that fetches A STREAMING video with an <code>&lt;object&gt;</code> tag FROM MANY 4 IP CAMERAS</p>
  
  <p>what i'm trying to do is when i click on the link[i] with <code>href="page?ip="ipadd</code>, i want the video jquery to fetch the page that calls the video and APPEND it to the div tag.</p>
  
  <p>I was thinking of being able to send a get request with the ip address (which is the href on the links) to the php page handling the video, so it can use the ip address to pick the correct video from the correct video (IM STREAMING THEM FROM AN IP CAMERA.) That is why i want to use jquery to load each video as the link is being clicked. But i really have no clue on how that works.</p>
  
  <hr>
  
  <p>Ok Gaby i have added a line check my sample page now i added the   </p>
  
  <pre><code> $('a.video-link').click(function(event){
   event.preventDefault(); ....} 
  </code></pre>
  
  <p>my page now becomes</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="jsfile.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;a href="akin3.html" class="video-link" &gt;link 1&lt;/a&gt;
  ...
  
  &lt;div class="vid" &gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function(){
  $('a.video-link').click(function(event){
   event.preventDefault();
    // get the contents of the clicked Url and then append them at the div with class vid
    $.get( this.href, 
           function(data){  
                 $('.vid').append( data ); 
           }
         );
    return false;
  });
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but when i click on the link it appends. if i try to click a link that i have clicked previously, it clears the div tag and jumps to the link that i an clicking the second time. i need it to append that link still(being able to append a link multiple time). any help??</p>