title: Why can't I select my radio buttons?
body: <p>Why do my radio buttons not work? I must press to the left of the button to select it. Why?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;!-- Standard Meta --&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;meta charset="UTF-8"&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"&gt;
      &lt;title&gt;jQuery Validation Error Placement for Semantic-UI&lt;/title&gt;
      &lt;link href="/static/css/generic_in.css?newsvgindia.393932601812558191" rel="stylesheet" type="text/css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
    &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet"
            type="text/css"&gt;
  
  
  
  
  
      &lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                          aria-expanded="false" aria-controls="navbar"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand" href="/"&gt;Customer Service&lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="navbar" class="navbar-collapse collapse"&gt;
                  &lt;form class="navbar-form navbar-right" enctype="application/x-www-form-urlencoded"
                        action="/account/do_login" method="post"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;input type="text" name="email" placeholder="Email" class="form-control"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;input type="password" name="password" placeholder="Password" class="form-control"&gt;
                      &lt;/div&gt;
                      &lt;button type="submit" class="btn btn-success"&gt;Sign in&lt;/button&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
              &lt;!--/.navbar-collapse --&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;!-- Main jumbotron for a primary marketing message or call to action --&gt;
      &lt;div class="center jumbotron"&gt;
          &lt;div class="container" style="margin-top:20px; width: 75%"&gt;
  
              &lt;!--
              &lt;div class="ui grid"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="twelve wide column"&gt;
                          &lt;div class="ui menu"&gt;
                              &lt;a class="item" href="/"&gt;
                                  HOME
                              &lt;/a&gt;
                              &lt;a class="header item" style="color:black;;font-size:14px;" href="/ai"&gt;
                                  INSERT AD
                                  
                              &lt;/a&gt;
                              &lt;a class="item" style="color:black;;font-size:14px;"
                                 href="/"&gt;
                                  SEARCH FOR ADS
  
                              &lt;/a&gt;
                              &lt;a class="item" style="color:black;;font-size:14px;" href="/customer_service.htm"&gt;
                                  CUSTOMER
                                      SERVICE&lt;/a&gt;
  
  
                          &lt;/div&gt;
                          &lt;div class="ui ignored positive icon message"&gt;
                              &lt;i class="edit icon"&gt;&lt;/i&gt;
  
                              &lt;div class="content"&gt;
                                  &lt;h3 class="header"&gt;Insert Ad&lt;/h3&gt;
                                  Your ad will be reviewed according to the rules of our site. After approval, it will be
                                  published
                                  for a period
                                  of 60 days. Thanks for using our site!
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  --&gt;
              &lt;div class="ui text container"&gt;
  
                  &lt;div class="ui menu"&gt;
                      &lt;a class="item" href="/"&gt;
                          HOME
                      &lt;/a&gt;
                      &lt;a class="header item" style="color:black;;font-size:14px;" href="/ai"&gt;
                          INSERT AD
                          
                      &lt;/a&gt;
                      &lt;a class="item" style="color:black;;font-size:14px;"
                         href="/"&gt;
                          SEARCH FOR ADS
  
                      &lt;/a&gt;
                      &lt;a class="item" style="color:black;;font-size:14px;" href="/customer_service.htm"&gt;
                          CUSTOMER
                              SERVICE&lt;/a&gt;
  
  
                  &lt;/div&gt;
  
  
  
                  &lt;div class="ui ignored positive icon message"&gt;
                      &lt;i class="edit icon"&gt;&lt;/i&gt;
  
                      &lt;div class="content"&gt;
                          &lt;h3 class="header"&gt;Insert Ad&lt;/h3&gt;
                          Your ad will be reviewed according to the rules of our site. After approval, it will be
                          published
                          for a period
                          of 60 days. Thanks for using our site!
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;form method="post" action="http://127.0.0.1:8080/_ah/upload/ahFkZXZ-bW9udGFvcHJvamVjdHIiCxIVX19CbG9iVXBsb2FkU2Vzc2lvbl9fGICAgICAgIYJDA" name="formular" class="ui form"&gt;
  
  
  
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column required field"&gt;
                              &lt;label&gt;Type&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;div class="inline fields"&gt;
                                  &lt;div class="field"&gt;
                                      &lt;div class="ui radio checkbox"&gt;
                                          &lt;input type="radio" id="c_ad" name="company_ad" value="0"&gt;
                                          &lt;label&gt;Private&lt;/label&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="field"&gt;
                                      &lt;div class="ui radio checkbox"&gt;
                                          &lt;input type="radio" id="c_ad2" name="company_ad" value="1"&gt;
                                          &lt;label&gt;Company&lt;/label&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  
                              &lt;/div&gt;
  
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column required field"&gt;
                              &lt;label&gt;Name&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;input type="text" name="first-name" placeholder="First Name"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column required field"&gt;
                              &lt;label&gt;Email&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;input type="text" name="first-name" placeholder="Email"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column"&gt;
                              &lt;label&gt;Phone&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;input type="text" name="first-name" placeholder="Last Name"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column"&gt;
  
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;div class="ui checkbox"&gt;
                                  &lt;input id="example-id" type="checkbox" checked&gt;
                                  &lt;label for="example-id"&gt;Display my phone number on site&lt;/label&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column required field"&gt;
                              &lt;label&gt;Place&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
  
  
                              &lt;select class="ui dropdown"
                                      onchange="cities(this);document.getElementById('area').display='';"
                                      name="region" id="region"&gt;
                                  &lt;option value=""&gt;«Choose state»&lt;/option&gt;
                                  &lt;option value="7089183"&gt;
  
                                      Alabama
                                  &lt;/option&gt;
          
  
                              &lt;/select&gt;
  
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
  
  
                              &lt;div class="required field"&gt;
                                  &lt;label&gt;City&lt;/label&gt;
  
  
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;div id="cities" class="column field"&gt;
                                  &lt;select class="ui dropdown"
                                          onchange="cities(this);document.getElementById('area').display='';"
                                          name="region" id="region"&gt;
                                      &lt;option value=""&gt;«Choose city»&lt;/option&gt;
  
  
                                  &lt;/select&gt;
  
                              &lt;/div&gt;
  
  
                          &lt;/div&gt;
  
  
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column required field"&gt;
  
                              &lt;label&gt;Category&lt;/label&gt;
  
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
  
  
                              &lt;select class="ui dropdown" name="category_group" id="category_group" sel_id=""&gt;
                                  &lt;option value="0" selected="selected"&gt;«All categories
                                      »
                                  &lt;/option&gt;
      
  
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Type&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;div id="type_container" class="inline fields"&gt;
                                  &lt;div class="field"&gt;
                                      &lt;div class="ui radio checkbox"&gt;
                                          &lt;input type="radio" name="frequency" checked="checked"&gt;
                                          &lt;label&gt;For sale&lt;/label&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="field"&gt;
                                      &lt;div class="ui radio checkbox"&gt;
                                          &lt;input type="radio" name="frequency"&gt;
                                          &lt;label&gt;Wanted&lt;/label&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid" id="category_contents"&gt;
  
  
                          &lt;div class="four wide column required field"&gt;
                              &lt;label&gt;Title&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;input type="text" name="title" placeholder="Last Name"&gt;
                          &lt;/div&gt;
  
                          &lt;div class="four wide column required field"&gt;
                              &lt;label&gt;&lt;label for="text"&gt;Ad text&lt;/label&gt;&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                             &lt;textarea cols="45" id="text" name="text" placeholder="Please describe the product or service in a few simple sentences" rows="10"&gt;&lt;/textarea&gt;
                          &lt;/div&gt;
  
  
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt; Price&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
                              &lt;div class="input-group"&gt;
                          &lt;span class="input-group-addon"&gt;
                              Rs
                              &lt;/span&gt;
                                  &lt;input type="text" name="price" class="form-control"
                                         aria-label="Amount (to the nearest dollar)"&gt;
                                  &lt;span class="input-group-addon"&gt;.
                                      00&lt;/span&gt;
                              &lt;/div&gt;
                      &lt;/div&gt;
   &lt;/div&gt;
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Image&lt;/label&gt;
  
                          &lt;/div&gt;
  
  
                          &lt;div class="twelve wide column"&gt;
                              &lt;input name="image1" size="35" id="image1" type="file"&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Image&lt;/label&gt;
  
                          &lt;/div&gt;
  
  
                          &lt;div class="twelve wide column"&gt;
                              &lt;input name="image1" size="35" id="image2a" type="file"&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Image&lt;/label&gt;
  
                          &lt;/div&gt;
  
  
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;input name="image1" size="35" id="image3" type="file"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Image&lt;/label&gt;
  
                          &lt;/div&gt;
  
  
                          &lt;div class="twelve wide column"&gt;
  
  
                              &lt;input name="image1" size="35" id="image4" type="file"&gt;
  
  
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Image&lt;/label&gt;
  
                          &lt;/div&gt;
  
  
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;input name="image1" size="35" id="image5" type="file"&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                              &lt;label&gt;Terms&lt;/label&gt;
  
                          &lt;/div&gt;
  
  
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;div class="ui checkbox"&gt;
                                  &lt;input id="terms" type="checkbox" checked&gt;
                                  &lt;label for="terms"&gt;I agree to the Terms and Conditions&lt;/label&gt;
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                          &lt;/div&gt;
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;div class="ui error message"&gt;&lt;/div&gt;
  
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="ui grid"&gt;
                          &lt;div class="four wide column "&gt;
                          &lt;/div&gt;
  
                          &lt;div class="twelve wide column"&gt;
  
                              &lt;div id="loading" class="progressBar"&gt;
                                  &lt;div class="ui active inline loader"&gt;&lt;/div&gt;
                                  Waiting for response&lt;span id="loading_dots"&gt;&lt;/span&gt;&lt;/div&gt;
  
                              &lt;button name="validate" type="submit" class="btn btn-success btn-lg"
                                      onclick="showProgressBar();"&gt;
                                  Continue
                              &lt;/button&gt;
  
  
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                      &lt;!--    &lt;button class="ui button" type="submit"&gt;Submit&lt;/button&gt; --&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
  v&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>