Why can't I select my radio buttons?
<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>