title: ul in form not sending data to $_POST
body: <p>I have a form with ul as a dropdown menu:</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
      &lt;button id="dLabel" class="form-control form-white dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  Account Type
  </code></pre>
  
  <p>
          
              Doctor</li>
              Patient</li>
          
      </p>
  
  <p>How do I send what I select in it to a <strong>PHP</strong> <code>$_POST</code> variable?</p>
  
  <p>I tried <a href="https://stackoverflow.com/questions/5871478/ul-in-the-form-not-sending-to-the-post">this post</a> didn't work. Then, I got this form from <a href="http://tympanus.net/Freebies/Cardio/" rel="nofollow noreferrer">this bootsrap templates</a> signup form but I don't realy know javascript.</p>
  
  <p>Here is the full form code:</p>
  
  <pre><code>&lt;form action="account.php" class="popup-form" method="post"&gt;
      &lt;input type="text" name="fname" class="form-control form-white" placeholder="Full Name"&gt;
      &lt;input type="text" name="email" class="form-control form-white" placeholder="Email Address"&gt;
      &lt;input type="text" name="username"  class="form-control form-white" placeholder="User Name"&gt;
      &lt;input type="password" name="passwrd" class="form-control form-white" placeholder="Password"&gt;
      &lt;div class="dropdown"&gt;
          &lt;button id="dLabel" class="form-control form-white dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
              Account Type
          &lt;/button&gt;
          &lt;ul class="dropdown-menu animated fadeIn" role="menu" aria-labelledby="dLabel"&gt;
              &lt;li class="animated lightSpeedIn"&gt;&lt;a class="cl" href="#"&gt;Doctor&lt;/a&gt;&lt;/li&gt;
              &lt;li class="animated lightSpeedIn"&gt;&lt;a class="cl" href="#"&gt;Patient&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="checkbox-holder text-left"&gt;
          &lt;div class="checkbox"&gt;
              &lt;input type="checkbox" value="None" id="squaredOne" name="check" /&gt;
              &lt;label for="squaredOne"&gt;&lt;span&gt;I Agree to the &lt;strong&gt;Terms &amp;amp; Conditions&lt;/strong&gt;&lt;/span&gt;&lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;input type="submit" class="btn btn-submit"&gt;&lt;/input&gt;
  &lt;/form&gt;
  </code></pre>