В общем есть модуль, допустим login.ejs + login.js.
Вопрос: как сделать так, чтобы область видимости login.js была только на уровне login.ejs?
Другими словами, как сделать так, чтобы если на странице есть 2 класса .button то вызов $('.button') находил бы только тот, который в login.ejs?
PS: .ejs - html файл.
Подробнее:
Если пользователь не зарегистрирован то я инклужу регистрацию:
<% if (!registered) { %>
<%= include login.ejs %>
<% } %>
login.ejs выглядит так:
<script type="text/JavaScript" src="./javascripts/login.js"></script>
<div class="row small-4 panel">
<label>Login
<input class="login" type="text" placeholder="Login" />
</label>
<label>Password
<input class="password" type="text" placeholder="Password" />
</label>
<a href="#" class="enter button small small-12">Login</a>
</div>
Тоесть я перед HTML добавляю еще и ссылку на скрипт с js обработчиком. И мне нужно чтобы этот js обработчик видел только эту форму (login.ejs), а весь остальной HTML на странице игнорировал.