Reloading main video after clicking on thumbnail images—AJAX? innerhtml? Something else?

Reloading main video after clicking on thumbnail images—AJAX? innerhtml? Something else?

Hey folks, I've hit a little bit of a road block developing this site: http://ofcoursegolf.com/preview

I'm attempting to use the thumbnails to load a new video in the main object. I've used this: 

  1. $(document).ready(function(){

  2. $('.thumbnail').bind('click', function() {
  3.    new_video = $(this).attr('href');
  4. $('.main_video').attr('src', new_video);
  5. $('.main_video').siblings('param').attr('value', new_video);
  6. return false;
  7. });
  8. });
to replace the attributes in the object, but at this point, the source has the new arguments, but it needs to reload as the actual element still contains the old video.

Should I somehow use AJAX to refresh this div? Should I reconstruct my jQuery somehow?

Thanks so much for any help you can give.