diff --git a/app/views/gardenSize.ejs b/app/views/gardenSize.ejs
index 1c541cc..e751d70 100644
--- a/app/views/gardenSize.ejs
+++ b/app/views/gardenSize.ejs
@@ -8,8 +8,8 @@
   <ul class="collection with-header">
     <% for(const gardenSize of gardenSizes) { %>
     <li class="collection-item" >
-      <div id="<%= gardenSize.id %>" ><%= gardenSize.title %>
-        <a href="#!" class="secondary-content">
+      <div id="<%= gardenSize.id %>" onclick="saveAndSubmit(this.id)"><%= gardenSize.title %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,12 +21,9 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#gardensize").val(clickedId);
-     $("#form-gardensize").submit();
-   });
- });
+ function saveAndSubmit(id) {
+   $("#gardensize").val(id);
+   $("#form-gardensize").submit();
+ }
 </script>
 
diff --git a/app/views/municipality.ejs b/app/views/municipality.ejs
index 2f83bb6..84cda22 100644
--- a/app/views/municipality.ejs
+++ b/app/views/municipality.ejs
@@ -7,9 +7,9 @@
 <div class="row center-align">
   <ul class="collection with-header">
     <% for(const municipality of municipalities) { %>
-    <li class="collection-item" >
-      <div id="<%= municipality.id %>" ><%= municipality.name %>
-        <a href="#!" class="secondary-content">
+    <li class="collection-item">
+      <div id="<%= municipality.id %>" onclick="saveAndSubmit(this.id)"><%= municipality.name %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,11 +21,8 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#municipality").val(clickedId);
+   function saveAndSubmit(id) {
+     $("#municipality").val(id);
      $("#form-municipality").submit();
-   });
- });
+   }
 </script>
diff --git a/app/views/price.ejs b/app/views/price.ejs
index acb1723..77cbb41 100644
--- a/app/views/price.ejs
+++ b/app/views/price.ejs
@@ -8,8 +8,8 @@
   <ul class="collection with-header">
     <% for(const price of prices) { %>
     <li class="collection-item" >
-      <div id="<%= price.id %>" ><%= price.title %>
-        <a href="#!" class="secondary-content">
+      <div id="<%= price.id %>" onclick="saveAndSubmit(this.id)"><%= price.title %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,12 +21,9 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#price").val(clickedId);
-     $("#form-price").submit();
-   });
- });
+ function saveAndSubmit(id) {
+   $("#price").val(id);
+   $("#form-price").submit();
+ }
 </script>
 
diff --git a/app/views/realEstateType.ejs b/app/views/realEstateType.ejs
index c5dd48a..d8a0c24 100644
--- a/app/views/realEstateType.ejs
+++ b/app/views/realEstateType.ejs
@@ -6,10 +6,10 @@
 <form method="POST" id="form-real-estate-type">
 <div class="row center-align">
   <ul class="collection with-header">
-    <% for(const realEstatetype of realEstateTypes) { %>
-    <li class="collection-item" >
-      <div id="<%= realEstatetype.id %>" ><%= realEstatetype.title %>
-        <a href="#!" class="secondary-content">
+    <% for(const realEstateType of realEstateTypes) { %>
+    <li class="collection-item">
+      <div id="<%= realEstateType.id %>" onclick="saveAndSubmit(this.id)"><%= realEstateType.title %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,13 +21,10 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#realestatetype").val(clickedId);
-     $("#form-real-estate-type").submit();
-   });
- });
+  function saveAndSubmit(id) {
+   $("#realestatetype").val(id);
+   $("#form-real-estate-type").submit();
+  }
 </script>
 
 
diff --git a/app/views/region.ejs b/app/views/region.ejs
index aae671f..e0b4466 100644
--- a/app/views/region.ejs
+++ b/app/views/region.ejs
@@ -7,9 +7,9 @@
 <div class="row center-align">
   <ul class="collection with-header">
     <% for(const region of regions) { %>
-    <li class="collection-item" >
-      <div id="<%= region.id %>" ><%= region.name %>
-        <a href="#!" class="secondary-content">
+    <li class="collection-item">
+      <div id="<%= region.id %>" onclick="saveAndSubmit(this.id)"><%= region.name %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,12 +21,9 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#region").val(clickedId);
-     $("#form-region").submit();
-   });
- });
+  function saveAndSubmit(id) {
+    $("#region").val(id);
+    $("#form-region").submit();
+  }
 </script>
 
diff --git a/app/views/size.ejs b/app/views/size.ejs
index e665d6b..c96d7c5 100644
--- a/app/views/size.ejs
+++ b/app/views/size.ejs
@@ -7,9 +7,9 @@
 <div class="row center-align">
   <ul class="collection with-header">
     <% for(const size of sizes) { %>
-    <li class="collection-item" >
-      <div id="<%= size.id %>" ><%= size.title %>
-        <a href="#!" class="secondary-content">
+    <li class="collection-item">
+      <div id="<%= size.id %>" onclick="saveAndSubmit(this.id)"><%= size.title %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,12 +21,9 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#size").val(clickedId);
-     $("#form-size").submit();
-   });
- });
+ function saveAndSubmit(id) {
+   $("#size").val(id);
+   $("#form-size").submit();
+ }
 </script>