formated output of JS contents into a HTML table
<p>i have a javascript file with the following content and would like to generate a dynamic html table with it's content</p>

<pre>(function($) {
  My.Shortcuts = { 
    a:   'Name',
    b:    'Elvis',
    c:    'Fun'
  };

  My.Plugins.extend({
    Name: {
      url: 'http://www.name.com'
      example: 'some example text here'
    },
    Elvis: {
      url: 'http://www.elvis.com'
    },
    Fun: {
      url: 'http://anothersite.com'
    }
  });
})(jQuery);</pre>

<p>result should be a html table or div list like:</p>

<pre>a | Name | http://www.name.com (some example text here)
b | Elvis | http://www.elvis.com
c | Fun | http://anothersite.com</pre>

<p>unfortunately i have no clue how to do this?</p>
