title: how to avoid modal hide when clicking body
body: <p>I'm modifying a site which has modal with UIKit, that's the generic modal and how I open it, in this case, I want to hide the button.</p>
  
  <pre><code>     &lt;div id="modal_generic" class="uk-modal generic_modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;"&gt;
          &lt;div class="uk-modal-dialog"&gt;
              &lt;h4 class="uk-h4"&gt;text&lt;/h4&gt;
              &lt;div class="wrap_buttons_accept_input_file uk-width-1-1"&gt;
                  &lt;a class="uk-button uk-button-link uk-button-small uk-modal-close btn_close_form""&gt;CLOSE&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
    $('#modal_generic').find('h4').text('modal text');
    $('#modal_generic .uk-form').hide();
    $('.btn_close_form').hide();
    $.UIkit.modal('#modal_generic').show();
  </code></pre>
  
  <p>That's works fine, but this modal can't be hidden, and it happen when clicking outside, I can't find how to do it.</p>
  
  <p>My try:</p>
  
  <pre><code>$('body').click(function(e) {
       e.preventDefault();
  });
  </code></pre>
  
  <p>But not working.</p>
  
  <p>How can I do it?</p>