Jquery plugin get options from option
<p>How do I get the options from another set of options. </p>

<p><a href="http://jsfiddle.net/menFB/1/" rel="nofollow">JS Fiddle Example</a> 
at the moment this is outputting the name of each option in <code>opt.social</code>. Instead I want it to fetch the actual HTML related to each option name. </p>

<p>Thus the idea is that in the future when a new social media site is built, this can easily be added via the plugin options without the need to edit the plugin. </p>

<p>Example:</p>

<pre><code>$.each(opt.social, function(index, value) {
  html += "&lt;li&gt;" + value.name + "&lt;/li&gt;";
});
</code></pre>

<p>I have tried</p>

<pre><code>opt[value.name];
opt.value.name;
opt(value.name);
</code></pre>

<p>Full example:</p>

<pre><code>(function ($) {

$.fn.socialMedia = function (options) {

    // default configuration properties
    var defaults = {
        social: [
             { name: "facebook.like_large"},
             { name: "twitter.large"},
             { name: "googlePlus.large"}
        ],
        facebook: {
            like_large: '&lt;div class="fb-like" data-href="{url}" data-send="false" data-layout="box_count" data-width="120" data-show-faces="false"&gt;&lt;/div&gt;',
            like_small: '&lt;div class="fb-like" data-href="{url}" data-send="false" data-layout="button_count" data-width="120" data-show-faces="false" data-colorscheme="dark"&gt;&lt;/div&gt;',
            share: '&lt;a name="fb_share" type="box_count" share_url="{url}" href="http://www.facebook.com/sharer.php?u={url}&amp;t={title}"&gt;Share&lt;/a&gt;'
        },
        twitter: {
            large: '&lt;a href="http://twitter.com/share" class="twitter-share-button" data-url="{url}" data-count="vertical"&gt;Tweet&lt;/a&gt;',
            small: '&lt;a href="http://twitter.com/share" class="twitter-share-button" data-url="{url}"&gt;Tweet&lt;/a&gt;'
        },
        googlePlus: {
            large: '&lt;div class="g-plusone" data-size="tall" data-href="{url}"&gt;&lt;/div&gt;',
            small: '&lt;div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120" data-href="{url}"&gt;&lt;/div&gt;'            
        }
    };

    var opt = jQuery.extend(defaults, options);

    // Generate HTML
    $(this).append(generateHtml());

    function generateHtml() {            
        var html = '&lt;ul&gt;';

        $.each(opt.social, function(index, value) {
            html += "&lt;li&gt;" + value.name + "&lt;/li&gt;";
        });

        html += '&lt;/ul&gt;';            
        return html;
    }
}

  $("body").socialMedia();  

})(jQuery);
</code></pre>
