title: How to wrap a container div around a Ckeditor table onOk
body: <p>When a user enters a table on the Ckeditor, I want to wrap a div around it with a class but I can't find a way to get this table HTML element. What is the best way to go about it? </p>
  
  <p>I've tried creating a plugin to extend the table dialog onOk function (see code). This gives me all the properties from the table dialog but I don't want to have to create the whole table element again with all the properties as I don't want to re-write the existing table plugin.</p>
  
  <p>I just need to get the code this plugin adds and wrap it in a div. </p>
  
  <p>I thought about doing it in my projects javascript, when page loads, get all tables and wrap it in a div.  However, this doesn't seem like the best way to do it at all.  I thought there must be a way via ckeditor? </p>
  
  <pre><code>CKEDITOR.plugins.add( 'responsivetables', {
      // The plugin initialization logic
      init: function(editor) {
          vsAddResponsiveTables(editor);
      }
  });
  
  function vsAddResponsiveTables(editor){
      CKEDITOR.on( 'dialogDefinition', function( ev ) {
          var dialogName = ev.data.name;
          var dialogDefinition = ev.data.definition;
  
          if ( dialogName == 'table') {
             addTableHandler(dialogDefinition, editor);
          }
      });
  }
  
  function addTableHandler(dialogDefinition, editor){
      dialogDefinition.onOk = function (a) {
          // get table element and wrap in div? 
      }
  }
  </code></pre>