title: Clicking '+add' makes addRow dialog fire multiple times
body: <p>I am building a new application using <code>dataTables</code>. The tables are called when a menu item is clicked. When I open one of the tables (<code>customers</code>) for the first time, then click the <code>+add</code> button the dialog fires as expected (Which is to say it fires only once).</p>
  
  <p>If I open the <code>customers</code> table a second time and click the <code>+add</code> button, the dialog fires twice. The same happens with the users table. (The same thing happens when using the <code>users</code> table.) Any following call raises the total number of the dialogs that will be created.</p>
  
  <p>How can I set the dialog to fire only once for each newly added table?</p>
  
  <p>(I am working on a localhost with MAMP. If a working example is needed I can upload the application to the server.)</p>
  
  <p>I am using:</p>
  
  <ul>
  <li>jquery 1.7.1</li>
  <li>DataTables 1.9.0</li>
  <li>jquery.dataTables.editable 2.3.3</li>
  <li>jeditable 1.6.2</li>
  </ul>
  
  <p>Yesterday I was busy till 4:00 am. I really can not find any solution.
  It likes I am the only one facing this problem.
  6 hours on Google couldn't also give me any answer.</p>
  
  <p>Please I need some help.</p>
  
  <p>The dialogbox HTML:</p>
  
  <pre><code>&lt;div class="add_delete_toolbar" /&gt;
  
  &lt;!-- Custom form for adding new records --&gt;
  &lt;form id="formAddNewUser" action="#" title="Add new user"&gt;
  
      &lt;input type="text" name="id" id="id"  rel="0" readonly/&gt;
      &lt;br /&gt; &lt;br /&gt;
      &lt;label for="title"&gt;Title&lt;/label&gt;&lt;br /&gt;
      &lt;select name="title" id="title" class="required input_field" rel="1"&gt;
      &lt;option selected&gt;&lt;/option&gt;
      &lt;option value="Mister"&gt;Mister&lt;/option&gt;
      &lt;option value="Madam"&gt;Madam&lt;/option&gt;
      &lt;/select&gt;
      &lt;br /&gt; &lt;br /&gt;
      &lt;label for="vnaam"&gt;Name&lt;/label&gt;&lt;br /&gt;
      &lt;input type="text" name="vnaam" id="vnaam" class="required input_field" rel="2" /&gt;
      &lt;br /&gt; &lt;br /&gt;
      &lt;label for="anaam"&gt;Surname&lt;/label&gt;&lt;br /&gt;
      &lt;input type="text" name="anaam" id="anaam" class="required input_field" rel="3" /&gt;
      &lt;br /&gt; &lt;br /&gt;
      &lt;label for="adres"&gt;Username&lt;/label&gt;&lt;br /&gt;
      &lt;input type="text" name="username" id="username" class="input_field" rel="4" /&gt;
      &lt;br /&gt; &lt;br /&gt;
      &lt;label for="postcode"&gt;Password&lt;/label&gt;&lt;br /&gt;
      &lt;input type="text" name="password" id="password" class="input_field" rel="5" /&gt;
      &lt;br /&gt; &lt;br /&gt;
      &lt;label for="plaats"&gt;Email address&lt;/label&gt;&lt;br /&gt;
      &lt;input type="text" name="email" id="email" class="input_field" rel="6" /&gt;
      &lt;br /&gt; &lt;br /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p></p>
  
  <p>the table jquery script:</p>
  
  <pre><code>&lt;script&gt;
  </code></pre>
  
  <p>$(document).ready(function() {</p>
  
  <pre><code>oTable2= $('#gebruikers').dataTable({
      "bProcessing": false,
      "bServerSide": true,
      "sAjaxSource": "../ajx/gebr/ss_users.php",
      "bJQueryUI": true,
      "sPaginationType": "full_numbers",
  
  }).makeEditable({
      sAddNewRowFormId: "formAddNewUser",
      sAddNewRowButtonId: "btnAddNewUser",
      sAddNewRowOkButtonId: "btnAddNewUserOk",
              sAddNewRowCancelButtonId: "btnAddNewUserCancel",
  
  sUpdateURL: function(value, settings)
                                  {
              //return(value); //Simulation of server-side response using a callback function
  
                                  },
              sAddURL: "../ajx/gebr/add_user.php",
              sAddHttpMethod: "GET",
              sDeleteHttpMethod: "GET",
      sDeleteURL: "../ajx/gebr/remove_user.php",
      sUpdateURL: "../ajx/gebr/update_user.php",
              "aoColumns": [
                      {   
  
                                                      },
                                                      {
                        cssclass: "required" ,
            indicator: 'Saving title...',
                        tooltip: 'Click to select a title',
                        loadtext: 'loading...',
                        type: 'select',
                        onblur: 'cancel',
                        data: "{'':'Please select...', 'Mister':'Mister','Madam':'Madam'}",
            submit:'SAVE'
                      },
                                                      {   
                                                        cssclass: "required" ,
            indicator: 'Saving name...',
                        tooltip: 'Click to edit name',
            type: 'text',
            onblur: 'cancel',
            loadtext: 'loading...',
                        submit:'SAVE'
                                                      },
                                                                                     {                        
          cssclass: "required" ,
              indicator: 'Saving name...',
                      tooltip: 'Click to edit name',
          type: 'text',
          onblur: 'cancel',
          loadtext: 'loading...',
                      submit:'SAVE'
                                                      },
                      {
          indicator: 'Saving username...',
                      tooltip: 'Click to edit username',
          type: 'text',
              onblur: 'cancel',
          loadtext: 'loading...',
                      submit:'SAVE'
                      },
                      {
                      indicator: 'Saving password...',
                      tooltip: 'Click to edit password',
          type: 'text',
          onblur: 'cancel',
          loadtext: 'loading...',
                      submit:'SAVE'
                      },
                                                      {
                      indicator: 'Saving email...',
                      tooltip: 'Click to edit email',
          type: 'text',
          onblur: 'cancel',
          loadtext: 'loading...',
                      submit:'SAVE'
                      }
  
      ],
          oAddNewRowButtonOptions: {  label: "Add...",
              icons: {primary:'ui-icon-plus'} 
      },
          oDeleteRowButtonOptions: {  label: "Remove", 
             icons: {primary:'ui-icon-trash'}
      },
  
          oAddNewRowFormOptions: { title: 'Add a new user',
                                                          show: "blind",
              hide: "explode",
                              modal: true
      }   ,
                                                sAddDeleteToolbarSelector: ".dataTables_length"   
  });
  </code></pre>
  
  <p>});
      </p>
  
  <p>The menu calling the table:</p>
  
  <pre><code>$('#new_user').click( function(evt){
  
             //prevent loading the data if already loaded
      if ($(document).find('#gebruikers').length == 0) { 
          //remove tabs active class
           $(".tabs_links ul li").removeClass("active");
  
               $("#response").load("pages/tmp_users.php");
  
      }
      evt.preventDefault();
  });     
  </code></pre>