How to get div id and set it to anoher func
<p>Have a func that get clicked div id
need to give next func this id instead "#dropdown1"</p>

<pre><code>    $(function() {



   $('.drop-down-input').click(function() {

        $elementid = this.id;
        $elementid= "#" + elementid;
     });
      console.log($elementid);
     $("#dropdown1").click(function() {

        $("#dropdown1 .dropdown-list").show();

     }); 

  $("#dropdown1 .dropdown-list li").on('click', function(e) {
    e.stopPropagation();
    $("#dropdown1 .dropdown-list").hide().siblings().val($(this).html());
  });
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div id="dropdown1" class="styled-input-container drop-down-input"&gt;
                   &lt;input id="simple_2" class="drop-down-select" placeholder="input text" type="text"&gt;
                   &lt;ul class="dropdown-list"&gt;
                       &lt;li&gt;eeee&lt;/li&gt;
                       &lt;li&gt;xxxx&lt;/li&gt;
                       &lt;li&gt;xxxx&lt;/li&gt;
                       &lt;li&gt;xsssxxx&lt;/li&gt;
                   &lt;/ul&gt;
               &lt;/div&gt;
</code></pre>

<p>Idea is that I can use this code again in another place. for examle use 2 dropdowns with different ID</p>