jquery plugin to set the width of an element to the sum of it's children's width

jquery.matchWidth.js

$.fn.matchWidth = function(){
        // Prepare
        var $this = $(this);

        // Action
        $this.width(function(){
          var w = 0;
          $(this).children().each(function(){
            w += $(this).outerWidth(true);
          });
          return w;
        });

        // Chain
        return $this;
      };

Technically, this is correct, but in practice it's more common to set the elements width based on the largest child's width. In that case, just replace the action part into:

$this.width(function(){
  var w = 0;
  $this.children().each(function(){
    var outerwidth = $(this).outerWidth(true);
    if(w < outerwidth) {
      w = outerwidth;
    }
  });
  return w;
});

Thanks for the gist! :)