title: Multiple Morris graphics not working
body: <p>I'm using Morris.js plugin to use some graphics. I need a page with various Donuts graphics, but when I put more then one, the last one doesn't work. </p>
  
  <p>The Morris call is: </p>
  
  <pre><code>&lt;div id="graphT"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And, the JS is: </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    Morris.Donut({
      element: 'graphT',
      data: [
      {value: 50, label: '05'},
      {value: 10, label: '07'},
      {value: 40, label: '07'},
      ],
      labelColor: '#000',
      colors: [
      '#ae1c1c',
      '#000',
      '#cc9a00'
      ],
      formatter: function (x) { return x + "%"}
    }).on('click', function(i, row){
      console.log(i, row);
    });
    &lt;/script&gt;
  </code></pre>
  
  <p>Now the whole code: </p>
  
  <pre><code>&lt;div id="graphT"&gt;&lt;/div&gt;
  &lt;div id="TD"&gt;&lt;/div&gt;
  
  
  &lt;script type="text/javascript"&gt;
    Morris.Donut({
      element: 'graphT',
      data: [
      {value: 50, label: '05'},
      {value: 10, label: '07'},
      {value: 40, label: '07'},
      ],
      labelColor: '#000',
      colors: [
      '#ae1c1c',
      '#000',
      '#cc9a00'
      ],
      formatter: function (x) { return x + "%"}
    }).on('click', function(i, row){
      console.log(i, row);
    });
    &lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
    Morris.Donut({
      element: 'TD',
      data: [
      {value: 50, label: '05'},
      {value: 10, label: '07'},
      {value: 40, label: '07'},
      ],
      labelColor: '#000',
      colors: [
      '#ae1c1c',
      '#000',
      '#cc9a00'
      ],
      formatter: function (x) { return x + "%"}
    }).on('click', function(i, row){
      console.log(i, row);
    });
    &lt;/script&gt;
  </code></pre>
  
  <p>Anyone have an idea about what's happening? I can't put it on JsFille, because needs the Morris library. </p>
  
  <p>Thanks in advance. </p>