title: JS: Show/hide text field depending on radio button issue
body: <p>I have a JS that shows a test field if "1" is selected from a radio button. And hides if "0" is selected. It's working while the text field is hidden from the beginning but not if I want the text field to be visible as default if the value is "1" from the database.</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function() {
          $("#send_to_yes").hide();
          $("input:radio[name=\'article\']").change(function() {  
                  if(this.value == \'1\' &amp;&amp; this.checked){
                      $("#send_to_yes").show();
                  }
                  else {
                      $("#send_to_yes").hide();
                  }
          });
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>Yes &lt;input type="radio" name="article" value="1"&gt; 
  No &lt;input type="radio" name="article" value="0"&gt;
  &lt;div id="send_to_yes"&gt;
         &lt;b&gt;Number&lt;/b&gt; &lt;br&gt;&lt;input type="text" name="number"&gt;&lt;br&gt;&lt;br&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#send_to_yes {
          display: none;
  }
  </code></pre>
  
  <p>The "1" and "0" comes from a database. With this code I need to press "Yes" and then the text field comes up. Even if "Yes" is checked I need to press it. I want it to be visible if "1" (Yes) is checked as default. </p>