diff --git a/app/views/layout.ejs b/app/views/layout.ejs
index ac49740..dd920d3 100644
--- a/app/views/layout.ejs
+++ b/app/views/layout.ejs
@@ -4,7 +4,7 @@
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-
+      <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
     <meta charset="UTF-8" />
     <link rel="stylesheet" href="/assets/main.css">
   </head>
@@ -12,7 +12,6 @@
     <div class="container">
       <%-body%>
     </div>
-      <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
   </body>
 </html>
diff --git a/app/views/vrsta_nekretnine.ejs b/app/views/vrsta_nekretnine.ejs
index 909a8dd..2cc45da 100644
--- a/app/views/vrsta_nekretnine.ejs
+++ b/app/views/vrsta_nekretnine.ejs
@@ -2,14 +2,26 @@
   <h2>Koju nekretninu tražite?</h2>
 </div>
 
+<form method="POST" id="form-vrsta">
 <div class="row center-align">
   <ul class="collection with-header">
     <% for(let vrsta of vrste) { %> 
-    <li class="collection-item"><div><%= vrsta.ime %><a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
+    <li class="collection-item" > <div id="<%= vrsta.id %>" ><%= vrsta.ime %><a href="#!" class="secondary-content"><i class="material-icons">send</i></a></div></li>
     <% } %>
   </ul>
+  <input type="hidden" name="vrsta" id="vrsta" />
 </div>
+</form>
 
+<script>
+ $(document).ready( () => {
+   $(".collection-item").click( (e) => {
+     const clickedId = $(e.target).attr("id"); 
+     $("#vrsta").val(clickedId);
+     $("#form-vrsta").submit();  
+   });
+ });
+</script>