title: How to prevent a jQuery after() from inserting html more than once on radio button clicks?
body: <p>I have to insert a button if there are items showing out of stock. The problem is that every time I click a radio button that shows other colors/sizes out of stock the button inserts again...</p>
  
  <pre><code>var button = '&lt;button class="btn btn-secondary button button-column find-a-store-btn" type="button" name="button" id="findStoreBtn" onclick="window.location = \'http://www.davidsbridal.com/DBIAjaxStoreLocatorDisplayView?catalogId=10051&amp;langId=-1&amp;storeId=10052\'" wairole="button" role="button" title="Find A Store"&gt;\
            &lt;p class="sans-bold-uppercase btn-link" id="productPageFindAStore" style="\
          Padding-top: 10px;\
          Padding-bottom: 10px;"&gt;\
              &lt;span class="btn-label" aria-label="Find A Store"&gt;Find A Store&lt;/span&gt;\
              &lt;/p&gt;\
        &lt;/button&gt;';
  
  function insertbtn () {
    ($('.pdp-favorite-container').after(button));
     };
  
  //out of stock logic keeps inserting button on every radio button clicks
  if ($('input:.out-of-stock').is(':visible')) {
      ($('.pdp-favorite-container').one(insertbtn()));
  };
  </code></pre>