title: Any online tools for converting jQuery into good old fashion Javascript online?
body: <p>I'm fiddling around with various video resizing methods similar to Zurbs <a href="http://www.zurb.com/word/responsive-video" rel="nofollow">flex video</a> and found the easiest option, for me, on css-tricks site <a href="http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php" rel="nofollow">here</a>, code is as follows (in jQuery):</p>
  
  <pre><code>
          var $allVideos = $("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com']"),
            $fluidEl = $(".content");
          $allVideos.each(function() {
            $(this).data('aspectRatio', this.height / this.width)
            .removeAttr('height').removeAttr('width');
          });
          $(window).resize(function() {
            var newWidth = $fluidEl.width();
            $allVideos.each(function() {
              var $el = $(this);
              $el.width(newWidth).height(newWidth * $el.data('aspectRatio'));
            });
          }).resize();
  </code></pre>
  
  <p>jQuery API's are great an all, but, there is no other jQuery being used in this particular instance, so I find it hard to justify loading an entire jQuery library over a few lines of code... Are there any tools online for converting jQuery to 'old school' js? As I've ran into this issue on more than one occasion, I'm just starting to dig into learning Javascript as it seems to be require more as a prerequisite these days. So even a few reference sites that kinda dip into the subject would be a huge help.</p>