title: How To Hide Div Elements when Inspect Element?
body: <p>i have a validator like this,</p>
  
  <pre><code>        checkAmount: function(){
  
              if(){
                  //true
                  $("#a").removeClass("d-none");
              }
              else{
              //false
                  $("#a").addClass("d-none");
              }
  
          }
  </code></pre>
  
  <p>but when I inspect the div element it still appears like this</p>
  
  <pre><code>&lt;div id="a" class="col-md-7 offset-md-5 d-none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and I can easily remove the d-none class that was used for validation</p>
  
  <p>The question is how do I hide the div when it is false so that I can't inspect the element?</p>