title: Error validating HTML: The for attribute of the label element must refer to a form control
body: <p>I don't know why I keep getting this error while checking my page at <a href="http://validator.w3.org/check" rel="noreferrer">http://validator.w3.org/check</a>
  The error was:</p>
  
  <pre><code>Line 46, Column 68: The for attribute of the label element must refer to a form control. 
  &lt;label class="environment-label" for="environment_form"&gt;Environments:&lt;/label&gt;
  </code></pre>
  
  <p>I believe I provided an id reference for my <code>label</code> to the outer form, why it keep bugging me about this error? </p>
  
  <pre><code>&lt;div&gt;
      &lt;form id="environment_form" method="post"&gt;
          &lt;div class="styled-select"&gt;
              &lt;label class="environment-label" for="environment_form"&gt;Environments:&lt;/label&gt;
              &lt;select name="environment_dropdown" onchange="selectionChanged()"&gt;
                  &lt;option @(ViewData["selection"] == null || string.IsNullOrEmpty(ViewData["selection"].ToString()) ? "selected" : "")&gt;select one&lt;/option&gt;
                  @foreach (string name in Model) { 
                      &lt;option @(ViewData["selection"] != null &amp;&amp; ViewData["selection"].Equals(name) ? "selected" : "")&gt; 
                          @name
                      &lt;/option&gt;
                  }
              &lt;/select&gt; 
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>