title: Single Page App - memory leak explanation
body: <p>So, I'm studying about SPA, and I know there's a lot of FrameWorks to help building one. But let's suppose here that I'm doing only using jQuery.</p>
  
  <p>Ok, so in one page, I create a table displaying user contacts, from an Ajax call:</p>
  
  <pre><code>getContacts('', function(contactsObj)
      {
          contactsObj.forEach(function(contact)
          {
              $('#contactList &gt; tbody').append('&lt;tr&gt;' +
                                                  '&lt;td class="check-mail"&gt;' +
                                                      '&lt;input type="checkbox" class="i-checks" id="1"&gt;' + 
                                                  '&lt;/td&gt;' +
                                                  '&lt;td&gt;' + escapeHTML(contact.name) + '&lt;/td&gt;' +
                                                  '&lt;td&gt;' + escapeHTML(contact.email) + '&lt;/td&gt;');
          })  
  
          $('.i-checks').iCheck(
          {
              checkboxClass: 'icheckbox_square-green',
              radioClass: 'iradio_square-green'
          });
      });
  </code></pre>
  
  <p>This code is real, and actually working. What worries me about is the iCheck (used to stylize the checkbox), after adding the rows on the table, I initiate the iCheck to get it working. So, when the user leaves this page (without reloading anything, this is a single page application, remember?), this iCheck will just become 'ghost'... I know that for events, I can call off() method to remove all previously binded events (this avoid memory leaks?), but for this kind of initiation I talked here, this will be a memory leak too?</p>