title: html js append and getElementByName
body: <p>Why i can't getElementByName?</p>
  
  <pre><code>&lt;form class="form" action="#"&gt;
                          &lt;p class="EmptySlot" hidden&gt;
                              &lt;input name="characters" type="radio" id="empty" disabled="disabled"/&gt;
                              &lt;label for="empty"&gt;Пустой слот&lt;/label&gt;
                          &lt;/p&gt;
                      &lt;/form&gt;
  </code></pre>
  
  <p>Then:</p>
  
  <pre><code>$(".form").append('\
          &lt;p&gt;\
              &lt;input name="character" type="radio" id="' + notformatname + '" value="' + notformatname + '"/&gt;\
              &lt;label for="' + notformatname + '" id="charlabel"&gt;' + formatname + '&lt;/label&gt;\
          &lt;/p&gt;');
  </code></pre>
  
  <p>And it's don't work:</p>
  
  <pre><code>var radios = document.getElementsByName('character');
  </code></pre>