title: Ng-show shows div no matter what
body: <p>Okay so what I'm trying to do is the following: if the input called <code>'autoPack'</code> is empty, show the <code>div</code> <code>'forma_reservas_gustos'</code>. If it is not empty, do NOT show the <code>div</code>. The problem I'm having is that no matter what the value from the <code>input</code> is, the <code>div</code> is always displayed. I've tried so many things but nothing seems to be working.</p>
  
  <p>HTML:  </p>
  
  <pre><code>&lt;input type="hidden" name="autoPack" id="autoPack" ng-model="autoPack" value=""&gt;
  
  &lt;div class="forma_reservas_gustos" ng-show="!autoPack"&gt;
    &lt;div class="forma_reservas_gustos_interior wid1k pbot20"&gt;
      &lt;div class="paso"&gt;
        &lt;div class="butpasos"&gt;
          &lt;img src="/wp-content/uploads/2017/08/uno.png" /&gt;
        &lt;/div&gt;
        &lt;div class="textpasos"&gt;
          &lt;h3&gt;SELECCIONA EL PACK DE EXPERIENCIAS QUE MÁS TE GUSTE&lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      [...]
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>document.forms["forma_reservas_form"].autoPack.value = "xxxx";  
  </code></pre>
  
  <p>When I inspect it with Google Developer Tools, the html <code>input</code> does have the value <code>'xxxx'</code>. So it is in fact not empty, therefore the <code>div</code> should not be displayed yet it is for some strange reason. Can anybody help me?</p>