Question: What am I doing wrong here? Only one e-mail address receives email and not the other one. So `my@email.com` receives it and `yours@email.com` does not receive it.

```
#!/usr/bin/python3

import smtplib, ssl
import email.message
import email.utils
from email.mime.multipart import MIMEMultipart
from email.mime.base import MIMEBase
from email.mime.text import MIMEText
from email.utils import formatdate
from email import encoders
def sendfile(subject, body_text, f_name):

    """
    Sends e-mail with attachment.
    """

    msg = MIMEMultipart()
    msg['From'] = 'him@email.com'
    msg['To'] = 'my@email.com,yours@email.com'
    msg['Date'] = formatdate(localtime=True)
    msg['Subject'] = subject
    msg.attach(MIMEText(body_text))

    part = MIMEBase('application', "octet-stream")
    part.set_payload(open(f_name, "rb").read())
    encoders.encode_base64(part)
    part.add_header('Content-Disposition', 'attachment; filename={}'.format(f_name))
    msg.attach(part)

    smtp_obj = smtplib.SMTP("localhost")
    smtp_obj.sendmail(msg['From'], [msg['To']], msg.as_string())
    smtp_obj.quit()

```

Answer: 
To tackle this kind of issue, you need to have the `<div>` with an attribute `hidden` or something in the inline. Then you need to hide it with JS and the remove the inline thing.

```js
$(function () {
  $(".hide").hide().removeClass("hide");
});
```

```css
.hide {display: none;}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hide">I am not shown</div>
```

Method 2: Using `hidden` attribute.

```js
$(function () {
  $(".hide").hide().removeAttr("hidden");
});
```

```css
.hide {display: none;}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div hidden>I am not shown</div>
```

Method 3: Using `hidden` attribute and `.prop()`.

```js
$(function () {
  $(".hide").hide().prop("hidden", false);
});
```

```css
.hide {display: none;}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div hidden>I am not shown</div>
```
In the CSS that you apply to your div, add:

```
display:none;

```

So the div will be loaded but invisible. When you need to you it, you can do as you are doing now