DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/SearchableView.js

Index: Source/devtools/front_end/ui/SearchableView.js
diff --git a/Source/devtools/front_end/ui/SearchableView.js b/Source/devtools/front_end/ui/SearchableView.js
index 5cf40180e68e90a272eaab0072f7a166e2b685ab..99be4d0c6022ee1d214c56a553d18e8b87edc24d 100644
--- a/Source/devtools/front_end/ui/SearchableView.js
+++ b/Source/devtools/front_end/ui/SearchableView.js
@@ -123,16 +123,14 @@ WebInspector.SearchableView = function(searchable, settingName)
     // Column 4
     this._replaceElement = this._firstRowElement.createChild("td").createChild("span");
 
-    this._replaceCheckboxElement = this._replaceElement.createChild("input");
-    this._replaceCheckboxElement.type = "checkbox";
+    this._replaceLabelElement = createCheckboxLabel(WebInspector.UIString("Replace"));
+    this._replaceCheckboxElement = this._replaceLabelElement.checkboxElement;
     this._uniqueId = ++WebInspector.SearchableView._lastUniqueId;
     var replaceCheckboxId = "search-replace-trigger" + this._uniqueId;
     this._replaceCheckboxElement.id = replaceCheckboxId;
     this._replaceCheckboxElement.addEventListener("change", this._updateSecondRowVisibility.bind(this), false);
 
-    this._replaceLabelElement = this._replaceElement.createChild("label");
-    this._replaceLabelElement.textContent = WebInspector.UIString("Replace");
-    this._replaceLabelElement.setAttribute("for", replaceCheckboxId);
+    this._replaceElement.appendChild(this._replaceLabelElement);
 
     // Column 5
     var cancelButtonElement = this._firstRowElement.createChild("td").createChild("button", "search-action-button");