Html CrowdFlower标记语言：通过单击从两个图像中选择一个

我正在设计一个（CrowdFlower）作业，需要更改它的CML（类似于HTML）和自定义CSS，以便在单击图像时选中它（而不是传统的单选按钮） 以下是CML文件：

<div class="row-fluid row">
  <div class="span12 well outer-well col-sm-12 col-md-12">
    <div class="well-white">
      <p class="text-center">Please look carefully at the following two images and decide which one is more visually complex. 
        <!--<strong class="query">{{query}}</strong>-->
      </p>
    </div>
  </div>
</div>
<br />
<div class="row-fluid row">
  <div class="space">
    <cml:radios label="A or B?" validates="required ss-required">
      <div class="span6 col-sm-6 col-md-6 center">
        <label>
          <cml:radio  label="A" value="A"></cml:radio>
          <img src="{{image_1}}" class="image-object img-polaroid" width="400px" height="500px" />
        </label>
      </div>

      <div class="span6 col-sm-6 col-md-6 center">
        <label>
          <cml:radio  label="B" value="B" ></cml:radio>

          <img src="{{image_2}}" class="image-object img-polaroid" width="400px" height="500px" />
        </label>
      </div>
    </cml:radios>
  </div>
</div>

<div class="row-fluid row">
  <div class="span6 col-sm-6 col-md-6">
    <p class="text-center indicator">A</p>
  </div>
  <div class="span6 col-sm-6 col-md-6">
    <p class="text-center indicator">B</p>
  </div>
</div>
<div class="row-fluid row">
</div>

我想要类似于此示例的内容，但要能够单击两幅图像中的一幅，并在其周围绘制10像素的红色边框，然后保存答案：

我的工作如下所示： 基本上，图像甚至不会并排显示

基本上，我遵循这个stackoverflow来创建JSFIDLE，但在图8中不起作用

/* Well magic */
.well-white {
  background-color: white;
}

.well-white p {
  margin-bottom: 0px;
}

.center {
  text-align: center;
}

.well {
  margin-bottom: 0px;
  padding: 15px;
}

.outer-well {
  margin-bottom: 10px;
}

.cml_field.radios label {
  display:inline;
}

.legend {
  font-weight: 300 !important;
}




.query {
  font-size: 150%;
  margin-left: 10px
}


.indicator {
  font-size: 500%;
}


.space {
  height: 300px;
}

label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:10px solid #f00;
}