The pop up screen shows up when the page starts even the user didn't click on add meal button(which is the only time it should show)

==Here is my html==

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@page contentType="text/html" pageEncoding="UTF-8"%>

Add Meal Item

Name
Ingredients: <%---- Add Ingredient ----%>

${invalid}

${error}

<%---- Delete Ingredient ----%>

${ingredient}

Weight

lb

==my js==

/* * To change this license header, choose License Headers in Project Properties. * To change this template file, choose Tools | Templates * and open the template in the editor. */

$('#myModal').modal(function(event){event.stopPropagation();}); $(function () { $(function () { $("#myMopup").modal("hide"); }); });