Helper function to poll for DOM els that don't exist on page load (helpful for Optimization platforms). The `this` context is set to the element you poll for in your callback function. Interval times out after 10s by default to prevent endless polling.

poll_for_element_helper_fn.js

/**
  * @package     N/A
  * @version     1.0
  * @author      Blue Acorn <[email protected]>, Sean Emmel <[email protected]>
  * @copyright   Copyright © 2015 Blue Acorn.
  */


/**
 * @param {String} - the CSS selector for your element in question
 * @param {Integer} - number of milliseconds to keep running the polling. Set low values (10ms)
                      for rapid polling. Set higher times (100ms) for more performance benefiting
                      polling. Lower times will help prevent flicker in optimization platforms,
                      but may impact performance.
    @param {Function} - an optional callback function to run after the element has been found.
                        The `this` reference will be set to the element you are polling for.
                        Thus, in jQuery, $(this) will be the jQuery object of the CSS selector
                        you passed in as the first parameter.
 *
 * 
 * SAMPLE USAGE
   -------------

   Poll for any element that matches CSS selector '.thumbnail' every 10ms and then hide
   said element(s) when found:

   pollForElement('.thumbnail', 10, function() {
     // $(this) will refer to $('.thumbnail') in question
     $(this).hide();
   });

 *
 */

function pollForElement(el, time, callback) {
    var interval = setInterval(function() {
        if ($(el).length > 0 && $(el).is(':visible')) {
            clearInterval(interval);
            if (callback && typeof callback === 'function') {
                callback.call($(el));
            }
        }
    }, time);
    /* Clear interval after 10s as a fallback */
    setTimeout(function() {
        clearInterval(interval);
    }, 10000);
}