title: Cannot use css() on dynamically created div in custom plugin
body: <p>I have recently taken up learning how to make a jQuery plugin. This is my first attempt at just creating something that is very simple. I am still relatively new to jQuery and have come into a bit of a bind when it comes to selecting dynamically created content. In this scenario I am attempting to select a <code>div</code> I created within the plugin.</p>
  
  <p>I have made a jsFiddle <a href="https://jsfiddle.net/MowgliB/eeb57n88/" rel="nofollow">here</a>.</p>
  
  <p>I have perused many posts about selecting dynamically created <code>div</code>'s and most of them are solved either using <code>on</code> or a callback function. And I am not sure that those can be applied in this situation.</p>
  
  <p>I think the issue occurs at this point in the code:</p>
  
  <pre><code>            $element.append("&lt;div class=\"gifLoader\"&gt;&lt;/div&gt;");
              $gifLoader = $element.find('.gifLoader');
              $gifLoader.css("bacground-image", "url(\"" + plugin.settings.gifSrc + "\")");
              plugin.settings.callback.call(this);
  </code></pre>
  
  <p>Is there some way I can use a callback function like you would with methods like <code>fadeTo</code>? Also, if anyone cares to comment. I would really appreciate some feedback on the layout of my plugins. I don't fully comprehend what it is I am doing when making a plugin, I am just hoping to learn how to use Javascript and jQuery without the coding looking so clunky. (Before I just had anonymous functions within anonymous functions)</p>