title: Inline "display: none;" is being automatically added when page is rendered - where might I look for the cause?
body: <p>I have a form element (a checkbox) that I have added to a UI form.  When the page is rendered, the Chrome F12 debugger shows that <code>display: none;</code> has been added as a style; i.e.,</p>
  
  <pre><code>element.style {
     display: none;
  }
  </code></pre>
  
  <p>... is seen in the Styles pane of the Chrome debugger for the <code>&lt;input&gt;</code> element on my form.  (In fact, it is not even possible for me to uncheck this style in the Styles pane of the Chrome debugger - the checkmark stays frozen in place - even though I can easily uncheck other style entries.)</p>
  
  <p>Here is (what I think is) the relevant HTML:</p>
  
  <pre><code>...
  &lt;div class="box"&gt;
      ...
      &lt;form id="edit-dish" action="..." method="post"&gt;
          &lt;div class="form"&gt;
              ...
              &lt;p&gt;
                  &lt;input  id="one-label-per-serving"
                          name="ingredient[one_label_per_serving]"
                          type="checkbox"
                          autocomplete="off"
                          class="checkbox checkbox-inline validate[required]"
                          &lt;?php if ( Arr::get($dish, 'one_label_per_serving', FALSE) ): ?&gt;
                              checked="checked"
                          &lt;?php endif; ?&gt; /&gt;
                  &lt;span class="checkbox-label"&gt;One label per serving&lt;/span&gt;
              &lt;/p&gt;
              ...
          &lt;/div&gt;
          ...
      &lt;/form&gt;
  ...
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>The dots represent things I've left off that I hope &amp; think are not relevant.</p>
  
  <p>The <code>&lt;span&gt;</code> element is displayed just fine.  But, the <code>&lt;input&gt;</code> checkbox has the <code>display: none;</code> added to its inline style immediately upon page load.</p>
  
  <p>There is also a sidebar, header, and footer being automatically included by a template.</p>
  
  <p>I have some confidence that one of the included Javascript libraries is causing the problem.  Here are the loaded Javascript libraries (according to Chrome's debugger):</p>
  
  <pre><code>jquery.min.js
  jquery-ui.min.js
  jquery.tmpl.min.js
  fileuploader.js
  jquery.form.js
  jquery.reveal.js
  jquery.validationEngine-en.js
  jquery.validationEngine.js
  jquery.wysiwyg.js
  master.v2.js // &lt;-- this is the application's custom script
  </code></pre>
  
  <p>The <code>master.v2.js</code> is the application's custom script.  Searching inside it, I find nowhere that it is setting <code>display: none;</code> for this element.</p>
  
  <p>Does anyone have any suggestions about either what Javascript file might be setting <code>display: none;</code>, or how to go about debugging this?</p>
  
  <p>Thanks.</p>