JQuery Mobile Hide Drop Down LIST
<p>So, as the title suggests; I am trying to figure out how to hide a drop down list. I am using JQuery mobile features. When I try to hide it, it's still visible.</p>

<p>Here is my drop down code:</p>

<pre><code>&lt;select name="areaName" id="areaName" data-inline="true"&gt;
                    &lt;option value="0"&gt;Select an Area&lt;/option&gt;
                    &lt;?php
                        include ("partials/connectDb.php");

                        $goverChoice = $_POST['goverName'];

                        $query = "SELECT * FROM area_table WHERE governorate = '$goverChoice';";
                        $run_query = mysqli_query($conn, $query);

                        while ($row = mysqli_fetch_array($run_query))
                        {
                            # code...
                            $aId = $row['a_id'];
                            $aName = $row['name'];
                            echo "&lt;option value='{$aId}'&gt;{$aName}&lt;/option&gt;";
                        }
                    ?&gt;
&lt;/select&gt;
</code></pre>

<p>And this is my JS code:</p>

<pre><code>document.getElementById("areaName").style.display = "none";
</code></pre>